@woosmap/ui 3.173.0 → 3.175.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -4,6 +4,8 @@ import cl from 'classnames';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { tr } from '../utils/locale';
|
|
6
6
|
import Icon from '../Icon/Icon';
|
|
7
|
+
import Tooltip from '../Tooltip/Tooltip';
|
|
8
|
+
|
|
7
9
|
import localitiesImg from '../../images/products/product-localities.png';
|
|
8
10
|
import localitiesUkImg from '../../images/products/product-localities-uk.png';
|
|
9
11
|
import geolocationImg from '../../images/products/product-geolocation.png';
|
|
@@ -141,6 +143,19 @@ class Aside extends Component {
|
|
|
141
143
|
/>
|
|
142
144
|
<div className="card__aside__list__item__section">
|
|
143
145
|
<div className="card__aside__list__item__section__title">{product.name}</div>
|
|
146
|
+
<Tooltip
|
|
147
|
+
direction="n"
|
|
148
|
+
wrap
|
|
149
|
+
text={tr(
|
|
150
|
+
'{{name}} add-on not included in the 40k Free credits/month. Usage is chargeable from the first request.',
|
|
151
|
+
{ name: product.name }
|
|
152
|
+
)}
|
|
153
|
+
>
|
|
154
|
+
<div className="card__aside__list__item__section__paying-label">
|
|
155
|
+
<Icon size={16} icon="dollar" />
|
|
156
|
+
<span>{tr('Paying from the firt request')}</span>
|
|
157
|
+
</div>
|
|
158
|
+
</Tooltip>
|
|
144
159
|
<div className="card__aside__list__item__section__item">{children}</div>
|
|
145
160
|
</div>
|
|
146
161
|
</li>
|
|
@@ -181,7 +181,6 @@
|
|
|
181
181
|
&__item
|
|
182
182
|
mbi(1.4)
|
|
183
183
|
display flex
|
|
184
|
-
align-items center
|
|
185
184
|
&__image
|
|
186
185
|
sq(3)
|
|
187
186
|
br()
|
|
@@ -191,6 +190,14 @@
|
|
|
191
190
|
font-weight 600
|
|
192
191
|
font-size $fontSize
|
|
193
192
|
margin-bottom .5rem
|
|
193
|
+
&__paying-label
|
|
194
|
+
display flex
|
|
195
|
+
align-items center
|
|
196
|
+
color $logo5
|
|
197
|
+
font-size $fontSizeSmall - .1
|
|
198
|
+
margin-top -.5rem
|
|
199
|
+
.icon
|
|
200
|
+
fill $logo5
|
|
194
201
|
&__footer
|
|
195
202
|
color $dark40
|
|
196
203
|
&--small
|
|
@@ -160,6 +160,7 @@ import { ReactComponent as Dashboard } from '../../icons/dashboard.svg';
|
|
|
160
160
|
import { ReactComponent as Delete } from '../../icons/delete.svg';
|
|
161
161
|
import { ReactComponent as Details } from '../../icons/details.svg';
|
|
162
162
|
import { ReactComponent as Documentation } from '../../icons/documentation.svg';
|
|
163
|
+
import { ReactComponent as Dollar } from '../../icons/dollar.svg';
|
|
163
164
|
import { ReactComponent as DotFill } from '../../icons/dot-fill.svg';
|
|
164
165
|
import { ReactComponent as Dot } from '../../icons/dot.svg';
|
|
165
166
|
import { ReactComponent as Download } from '../../icons/download.svg';
|
|
@@ -508,6 +509,7 @@ const ConsoleIcons = {
|
|
|
508
509
|
delete: Delete,
|
|
509
510
|
details: Details,
|
|
510
511
|
documentation: Documentation,
|
|
512
|
+
dollar: Dollar,
|
|
511
513
|
'dot-fill': DotFill,
|
|
512
514
|
dot: Dot,
|
|
513
515
|
download: Download,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.973 13.153a3.628 3.628 0 0 0-1.428-1.084c-.524-.229-1.191-.452-1.985-.672V6.725c.502.037.992.127 1.461.314.583.231 1.049.532 1.398.902a.479.479 0 0 0 .33.121.649.649 0 0 0 .428-.165c.129-.109.194-.229.194-.355 0-.139-.098-.307-.292-.503-.414-.439-.968-.778-1.66-1.016-.583-.199-1.208-.295-1.859-.327V3.819a.56.56 0 1 0-1.12 0v1.912c-.558.058-1.086.157-1.548.345-.667.271-1.185.645-1.554 1.119a2.583 2.583 0 0 0-.554 1.631c0 .683.175 1.246.524 1.691s.807.801 1.369 1.066c.483.228 1.084.436 1.762.63v4.869c-1.238-.121-2.303-.585-3.17-1.438-.129-.116-.271-.174-.427-.174s-.295.058-.418.174a.515.515 0 0 0-.185.381c0 .162.078.302.233.417.673.59 1.369 1.023 2.088 1.301.556.215 1.195.321 1.878.37v1.859a.56.56 0 1 0 1.12 0v-1.856c.653-.046 1.265-.154 1.801-.373.68-.277 1.211-.656 1.593-1.136.382-.48.573-1.016.573-1.605 0-.763-.185-1.379-.554-1.848Zm-6.129-2.819c-.569-.358-.854-.873-.854-1.544 0-.647.298-1.159.894-1.535.428-.27.949-.439 1.558-.516v4.316c-.655-.226-1.191-.466-1.597-.721Zm4.536 6.211c-.5.32-1.111.503-1.82.562v-4.548c.41.134.786.266 1.092.395.492.208.891.477 1.194.807.305.33.457.743.457 1.24 0 .637-.308 1.151-.923 1.544Z"/></svg>
|