change(ui): dashboard icons
|
|
@ -11,7 +11,7 @@ function AddCardModal(props: Props) {
|
|||
<>
|
||||
<Modal.Header title="Add Card" />
|
||||
<Modal.Content className="px-3 pb-6">
|
||||
<MetricTypeList siteId={props.siteId} dashboardId={parseInt(props.dashboardId as string)} />
|
||||
<MetricTypeList siteId={props.siteId} dashboardId={parseInt(props.dashboardId as string)} isList={true} />
|
||||
</Modal.Content>
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -16,29 +16,36 @@ export interface MetricType {
|
|||
interface Props {
|
||||
metric: MetricType;
|
||||
onClick?: any;
|
||||
isList?: boolean;
|
||||
}
|
||||
|
||||
function MetricTypeItem(props: Props) {
|
||||
const {
|
||||
metric: { title, icon, description, slug, disabled },
|
||||
onClick = () => {},
|
||||
onClick = () => {
|
||||
},
|
||||
isList = false
|
||||
} = props;
|
||||
return (
|
||||
<Tooltip disabled={!disabled} title={ENTERPRISE_REQUEIRED} delay={0}>
|
||||
<div
|
||||
className={cn(
|
||||
'rounded color-gray-darkest flex items-start border border-transparent p-4 hover:bg-active-blue cursor-pointer group hover-color-teal',
|
||||
{ 'opacity-30 pointer-events-none': disabled }
|
||||
'rounded color-gray-darkest flex border border-transparent p-4 hover:bg-active-blue cursor-pointer group gap-4',
|
||||
{
|
||||
'opacity-30 pointer-events-none': disabled,
|
||||
'flex-col items-center gap-4 text-center': !isList,
|
||||
'items-start': isList
|
||||
}
|
||||
)}
|
||||
onClick={onClick}
|
||||
>
|
||||
<div className="pr-4 pt-1">
|
||||
<div className=''>
|
||||
{/* @ts-ignore */}
|
||||
<Icon name={icon} size="20" color="gray-dark" />
|
||||
<Icon name={icon} size='40' color='gray-dark' />
|
||||
</div>
|
||||
<div className="flex flex-col items-start text-left">
|
||||
<div className="text-base">{title}</div>
|
||||
<div className="text-sm color-gray-medium font-normal">{description}</div>
|
||||
<div className={cn('flex flex-col text-left', { 'items-center text-center': !isList })}>
|
||||
<div className='text-base'>{title}</div>
|
||||
<div className='text-sm color-gray-medium font-normal'>{description}</div>
|
||||
</div>
|
||||
</div>
|
||||
</Tooltip>
|
||||
|
|
|
|||
|
|
@ -13,10 +13,11 @@ interface Props extends RouteComponentProps {
|
|||
dashboardId?: number;
|
||||
siteId: string;
|
||||
isEnterprise: boolean;
|
||||
isList?: boolean;
|
||||
}
|
||||
|
||||
function MetricTypeList(props: Props) {
|
||||
const { dashboardId, siteId, history, isEnterprise } = props;
|
||||
const { dashboardId, siteId, history, isEnterprise, isList = false } = props;
|
||||
const { metricStore } = useStore();
|
||||
const { showModal, hideModal } = useModal();
|
||||
|
||||
|
|
@ -25,6 +26,7 @@ function MetricTypeList(props: Props) {
|
|||
const disabled = metric.slug === INSIGHTS && !isEnterprise;
|
||||
return {
|
||||
...metric,
|
||||
icon: `db-icons/icn-card-${metric.slug}`,
|
||||
disabled: metric.slug === INSIGHTS && !isEnterprise,
|
||||
tooltipTitle: disabled ? ENTERPRISE_REQUEIRED : ''
|
||||
};
|
||||
|
|
@ -59,7 +61,7 @@ function MetricTypeList(props: Props) {
|
|||
return (
|
||||
<>
|
||||
{list.map((metric: MetricType) => (
|
||||
<MetricTypeItem metric={metric} onClick={() => onClick(metric)} />
|
||||
<MetricTypeItem metric={metric} onClick={() => onClick(metric)} isList={isList} />
|
||||
))}
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2633_13173)">
|
||||
<path d="M1.5 3.328C2.385 2.958 3.654 2.559 4.888 2.435C6.218 2.301 7.346 2.498 8 3.187V12.933C7.065 12.403 5.88 12.33 4.787 12.44C3.607 12.56 2.417 12.901 1.5 13.251V3.328ZM9 3.187C9.654 2.498 10.782 2.301 12.112 2.435C13.346 2.559 14.615 2.958 15.5 3.328V13.251C14.582 12.901 13.393 12.559 12.213 12.441C11.119 12.33 9.935 12.402 9 12.933V3.187ZM8.5 2.283C7.515 1.436 6.087 1.31 4.787 1.44C3.273 1.593 1.745 2.112 0.793 2.545C0.705649 2.58473 0.631575 2.64875 0.579621 2.72943C0.527667 2.81011 0.500027 2.90404 0.5 3V14C0.500023 14.0837 0.521037 14.166 0.561117 14.2394C0.601197 14.3128 0.659062 14.375 0.729411 14.4203C0.79976 14.4656 0.880345 14.4925 0.963783 14.4985C1.04722 14.5046 1.13085 14.4896 1.207 14.455C2.089 14.055 3.51 13.574 4.887 13.435C6.296 13.293 7.477 13.522 8.11 14.312C8.15685 14.3704 8.21622 14.4175 8.28372 14.4499C8.35122 14.4823 8.42513 14.4991 8.5 14.4991C8.57487 14.4991 8.64878 14.4823 8.71628 14.4499C8.78378 14.4175 8.84315 14.3704 8.89 14.312C9.523 13.522 10.704 13.293 12.112 13.435C13.49 13.574 14.912 14.055 15.793 14.455C15.8692 14.4896 15.9528 14.5046 16.0362 14.4985C16.1197 14.4925 16.2002 14.4656 16.2706 14.4203C16.3409 14.375 16.3988 14.3128 16.4389 14.2394C16.479 14.166 16.5 14.0837 16.5 14V3C16.5 2.90404 16.4723 2.81011 16.4204 2.72943C16.3684 2.64875 16.2944 2.58473 16.207 2.545C15.255 2.112 13.727 1.593 12.213 1.44C10.913 1.309 9.485 1.436 8.5 2.283Z" />
|
||||
</g>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
37
frontend/app/svg/icons/db-icons/icn-card-clickMap.svg
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0.5 70 70">
|
||||
<g clip-path="url(#a)">
|
||||
<rect x=".289" y=".789" width="69.421" height="10.803" rx="2.025" fill="#E8E9F4" stroke="#000"
|
||||
stroke-width=".579"/>
|
||||
<rect x=".289" y="15.171" width="38.405" height="38.163" rx="4.339" fill="#fff" stroke="#000"
|
||||
stroke-width=".579"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M3.114 49.14a.181.181 0 1 0-.24.273l2.867 2.522a.181.181 0 1 0 .24-.272L3.114 49.14Zm-.01 1.76a.181.181 0 0 0-.22.287l.989.756a.181.181 0 1 0 .22-.289l-.989-.755Z"
|
||||
fill="#010101"/>
|
||||
<g clip-path="url(#b)" stroke="#000">
|
||||
<rect x="43.034" y="15.46" width="26.16" height="8.592" rx="1.736" fill="#fff" stroke-width="1.157"/>
|
||||
<rect opacity=".5" x="42.745" y="29.39" width="26.738" height="9.17" rx="2.025" fill="#D7D9EA"
|
||||
stroke-width=".579"/>
|
||||
<rect opacity=".2" x="42.745" y="43.609" width="26.738" height="9.17" rx="2.025" fill="#D7D9EA"
|
||||
stroke-width=".579"/>
|
||||
</g>
|
||||
<circle opacity=".35" cx="17.437" cy="37.108" r="14.356" fill="#8ED4DA"/>
|
||||
<circle opacity=".35" cx="17.437" cy="37.108" r="7.906" fill="#8ED4DA"/>
|
||||
<circle opacity=".35" cx="17.437" cy="37.108" r="5.039" fill="#8ED4DA"/>
|
||||
<path d="M12.503 49.504v-1.022c0-1.338.756-2.56 1.952-3.159l.197-.098a1.706 1.706 0 0 0 .94-1.52v-6.582a1.16 1.16 0 0 1 1.555-1.09l.162.058c.42.153.734.505.84.939l.281 1.165a3.567 3.567 0 0 0 2.088 2.45l.143.06 1.573.7 1.057.401c.414.157.779.422 1.055.768l.442.552c.19.238.479.377.783.377.468 0 .874.323.979.779l.382 1.67c.053.23.08.467.08.704v4.196c0 .46-.046.919-.138 1.37l-.162.792a4.656 4.656 0 0 1-4.186 3.712l-1.244.101a8.799 8.799 0 0 1-3.273-.352l-.605-.184a6.913 6.913 0 0 1-4.9-6.615v-.172Z"
|
||||
fill="#fff"/>
|
||||
<path d="M25.955 42.56h-.907c0-.302-.302-.907-.605-1.21-.302-.302-.907-.604-1.663-.604-.302 0-.605 0-.907.151-.151-.302-.303-.454-.454-.756-.302-.302-.756-.605-1.663-.605-.302 0-.605 0-.756.151v-2.57C19 36.21 18.395 35 16.883 35c-.605 0-1.21.302-1.663.605-.756.907-.756 2.117-.756 2.117v6.502c-.907.15-1.664.453-2.117.907-.907 1.058-.907 2.42-.907 4.233v1.059c0 2.117 1.058 3.175 2.117 4.234l.453.605c1.966 1.814 3.63 2.419 7.712 2.419 4.385 0 6.35-2.42 6.35-7.712v-3.78c0-1.058-.302-3.175-2.117-3.629Zm.605 3.63v3.93c0 5.142-1.965 6.2-4.838 6.2-3.63 0-4.99-.454-6.502-1.966l-.605-.605c-1.058-1.21-1.663-1.814-1.663-3.326v-1.059c0-1.511 0-2.57.453-3.175.152-.151.605-.302 1.059-.302v.756l-.454 2.268c0 .151 0 .151.151.302.152.151.303 0 .303 0l1.512-1.814V37.722c0-.151 0-.756.302-1.059.152 0 .303-.15.605-.15.454 0 .605.453.605.604V43.619c0 .453.302.907.756.907s.756-.454.756-.756v-1.966c0-.151.151-.756.756-.756.454 0 .756.151.756.605v1.966c0 .453.302.907.756.907s.756-.454.756-.756V42.71c0-.15.151-.453.756-.453.302 0 .454.151.454.151.302.151.302.605.302.605v1.21c0 .453.302.756.605.756.454 0 .756-.152.756-.605 0-.151.151-.303.302-.454h.303c.907.303 1.058 1.815 1.058 2.268 0-.151 0-.151 0 0Z"
|
||||
fill="#000"/>
|
||||
<rect x=".289" y="59.407" width="69.421" height="10.803" rx="2.025" fill="#fff" stroke="#000"
|
||||
stroke-width=".579"/>
|
||||
<path stroke="#000" stroke-width=".463" stroke-linecap="round" d="M46.457 67.73H23.543"/>
|
||||
<path stroke="#000" stroke-width=".231" stroke-linecap="round" d="M40.787 66.526H29.213"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z"/>
|
||||
</clipPath>
|
||||
<clipPath id="b">
|
||||
<rect x="42.455" y="14.882" width="27.317" height="38.187" rx="2.314" fill="#fff"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-errors.svg
Normal file
|
After Width: | Height: | Size: 13 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-funnel.svg
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-insights.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.22 0.05 70.49 70.45"><g clip-path="url(#a)"><mask id="b" fill="#fff"><path d="M37.75.607a34.747 34.747 0 0 1-.387 69.308l-.467-6.918a27.813 27.813 0 0 0 .31-55.478L37.75.607Z"/></mask><path d="M37.75.607a34.747 34.747 0 0 1-.387 69.308l-.467-6.918a27.813 27.813 0 0 0 .31-55.478L37.75.607Z" fill="#D7D9EA" stroke="#000" stroke-linejoin="round" mask="url(#b)"/><path d="M48.511 34.163c0 3.484-2.16 8.903-6.531 12.146-1.058 2.538-2.562 1.214-6.304 1.214-3.032 0-3.782 1.461-6.104-.368-5.098-4.018-7.331-8.769-7.331-12.992 0-7.379 6.346-13.36 13.435-13.36s12.835 5.981 12.835 13.36Z" fill="#F0D3D3"/><path d="M28.771 46.587a.424.424 0 0 1-.209-.055A13.88 13.88 0 0 1 21.4 34.38c0-7.653 6.226-13.879 13.879-13.879a.433.433 0 1 1 0 .867c-7.175 0-13.012 5.837-13.012 13.012 0 4.741 2.573 9.107 6.713 11.394a.432.432 0 0 1-.209.814Z" fill="#000"/><path d="M41.785 46.587a.434.434 0 0 1-.209-.814 13.015 13.015 0 0 0 6.713-11.395c0-7.174-5.836-13.01-13.01-13.01a.436.436 0 0 1-.434-.434.434.434 0 0 1 .434-.434c7.652 0 13.877 6.226 13.877 13.879a13.88 13.88 0 0 1-7.161 12.153.423.423 0 0 1-.21.055Zm-13.012 6.875a.435.435 0 0 1-.433-.434v-6.875a.433.433 0 1 1 .867 0v6.875a.434.434 0 0 1-.434.434Z" fill="#000"/><path d="M41.783 53.462a.436.436 0 0 1-.433-.434v-6.865a.434.434 0 1 1 .867 0v6.865a.435.435 0 0 1-.434.434Z" fill="#000"/><path d="M41.783 48.258h-13.01a.436.436 0 0 1-.4-.268.432.432 0 0 1 .4-.6h13.01a.434.434 0 1 1 0 .867Zm-1.735 6.939h-9.54a.433.433 0 0 1-.307-.127l-1.735-1.735a.434.434 0 1 1 .614-.613l1.607 1.607h9.182l1.608-1.607a.433.433 0 1 1 .613.613l-1.735 1.735a.434.434 0 0 1-.307.127ZM27.906 50.86a.434.434 0 0 1-.026-.867l14.745-.867a.44.44 0 0 1 .459.407.434.434 0 0 1-.408.458l-14.745.868a.27.27 0 0 1-.025 0Zm0 1.734a.433.433 0 0 1-.026-.866l14.745-.868a.434.434 0 0 1 .051.866l-14.745.867-.025.001Zm5.204-9.541a.434.434 0 0 1-.27-.773l2.168-1.735a.435.435 0 0 1 .542.678l-2.169 1.735a.432.432 0 0 1-.27.095Z" fill="#000"/><path d="M37.446 43.053a.43.43 0 0 1-.27-.095l-2.168-1.735a.434.434 0 0 1 .542-.678l2.167 1.735a.434.434 0 0 1-.27.773Zm-4.336-1.735a.434.434 0 0 1-.434-.434v-6.072a.435.435 0 0 1 .6-.4.435.435 0 0 1 .268.4v6.072a.434.434 0 0 1-.434.434Z" fill="#000"/><path d="M33.11 35.246a.435.435 0 0 1-.434-.434 1.302 1.302 0 0 0-2.602 0 .434.434 0 1 1-.867 0 2.17 2.17 0 0 1 2.168-2.168 2.17 2.17 0 0 1 2.169 2.168.434.434 0 0 1-.434.434Z" fill="#000"/><path d="M31.375 36.98a2.17 2.17 0 0 1-2.168-2.168.432.432 0 0 1 .433-.433.434.434 0 0 1 .434.433c0 .718.584 1.301 1.301 1.301a.433.433 0 1 1 0 .868Zm6.071 4.338a.434.434 0 0 1-.433-.434v-6.072a.433.433 0 1 1 .867 0v6.072a.432.432 0 0 1-.434.434Z" fill="#000"/><path d="M40.916 35.246a.436.436 0 0 1-.434-.434 1.302 1.302 0 0 0-2.602 0 .433.433 0 1 1-.867 0 2.17 2.17 0 0 1 2.168-2.168 2.17 2.17 0 0 1 2.169 2.168.432.432 0 0 1-.434.434Z" fill="#000"/><path d="M39.181 36.98a.433.433 0 1 1 0-.867c.718 0 1.301-.584 1.301-1.301a.434.434 0 1 1 .868 0 2.171 2.171 0 0 1-2.169 2.169Zm-13.878-2.168a.434.434 0 0 1-.433-.434c0-5.74 4.669-10.409 10.409-10.409a.434.434 0 1 1 0 .868c-5.262 0-9.542 4.28-9.542 9.541a.432.432 0 0 1-.434.434ZM35.694 60.68a.5.5 0 0 1-.86 0l-2.658-4.46a.5.5 0 0 1 .43-.755h5.316a.5.5 0 0 1 .43.756l-2.658 4.46Z" fill="#000"/><path stroke="#000" stroke-linecap="round" d="M35.212 17.797V1.001m.083 68.801-.078-7.896m6.223-44.208.646-2.834M29.54 17.9l-1.463-2.512"/><mask id="c" fill="#fff"><path d="M33.127.552a34.747 34.747 0 0 0 .155 69.398l.347-6.925a27.813 27.813 0 0 1-.124-55.55L33.127.552Z"/></mask><path d="M33.127.552a34.747 34.747 0 0 0 .155 69.398l.347-6.925a27.813 27.813 0 0 1-.124-55.55L33.127.552Z" fill="#8ED4DA" stroke="#000" stroke-linejoin="round" mask="url(#c)"/><path d="m19.902 8.436-1.294.837a32.186 32.186 0 0 0-14.5 23.424l-.047.421a30.238 30.238 0 0 0 11.723 27.434l4.118 3.137" stroke="#000" stroke-width=".4"/><path d="M8.683 21.849a31.035 31.035 0 0 0-.092 26.556l1.279 2.727" stroke="#000" stroke-width=".2"/></g><defs><clipPath id="a"><rect y=".5" width="70" height="70" rx="4" fill="#fff"/></clipPath></defs></svg>
|
||||
|
After Width: | Height: | Size: 4 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-library.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0.5 70 70"><g clip-path="url(#a)"><rect x="7.604" y="1.516" width="9.417" height="46.832" rx="1.75" fill="#8ED4DA" stroke="#000" stroke-width=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.578 46.34a.157.157 0 1 0-.196.246l2.477 1.977a.157.157 0 0 0 .196-.245l-2.477-1.977Zm-.009 1.38a.157.157 0 0 0-.178.257l.854.592a.157.157 0 1 0 .178-.257l-.854-.593Z" fill="#010101"/><rect x="17.328" y="6.09" width="9.417" height="43.836" rx="1.75" transform="rotate(-13.132 17.328 6.09)" fill="#E8E9F4" stroke="#000" stroke-width=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.736 46.502a.157.157 0 0 0-.093.3l2.743.852a.157.157 0 1 0 .093-.3l-2.743-.852Zm.223.989a.157.157 0 0 0-.075.304l.93.23a.157.157 0 0 0 .075-.304l-.93-.23Z" fill="#010101"/><rect x="30.261" y="16.452" width="9.417" height="33.593" rx="1.75" transform="rotate(-15.7 30.26 16.452)" fill="#fff" stroke="#000" stroke-width=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37.266 37.894a.157.157 0 0 0-.05.31l2.695.436a.157.157 0 0 0 .05-.31l-2.695-.436Zm.21.774a.157.157 0 1 0-.035.312l.916.1a.157.157 0 0 0 .034-.311l-.916-.1Z" fill="#010101"/><rect x="49.984" y="37.414" width="9.417" height="31.912" rx="1.75" fill="#D7D9EA" stroke="#000" stroke-width=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M51.54 66.769a.157.157 0 0 0-.12.29l2.477 1.032a.157.157 0 0 0 .12-.29L51.54 66.77Zm-.007.72a.157.157 0 0 0-.106.295l.854.31a.157.157 0 1 0 .107-.295l-.855-.31Z" fill="#010101"/><rect x="40.364" y="58.167" width="9.417" height="28.658" rx="1.75" transform="rotate(-90 40.364 58.167)" fill="#D7D9EA" stroke="#000" stroke-width=".5"/><rect x=".25" y="58.167" width="9.417" height="36.823" rx="1.75" transform="rotate(-90 .25 58.167)" fill="#D7D9EA" stroke="#000" stroke-width=".5"/><path stroke="#000" stroke-width=".4" stroke-linecap="round" d="M29.876 56.287H10.075"/><path stroke="#000" stroke-width=".2" stroke-linecap="round" d="M24.976 55.246H14.975"/><rect x="40.422" y="17.194" width="9.417" height="23.039" rx="1.75" transform="rotate(-24.1 40.422 17.194)" fill="#8ED4DA" stroke="#000" stroke-width=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M49.837 35.903a.157.157 0 1 0-.035.312l2.855.314a.157.157 0 0 0 .034-.311l-2.854-.315Zm.406.928a.157.157 0 0 0-.016.313l.958.049a.157.157 0 0 0 .015-.313l-.957-.049Z" fill="#010101"/></g><defs><clipPath id="a"><rect y=".5" width="70" height="70" rx="4" fill="#fff"/></clipPath></defs></svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-mapchart.svg
Normal file
|
After Width: | Height: | Size: 16 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-performance.svg
Normal file
|
After Width: | Height: | Size: 15 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-resources.svg
Normal file
|
After Width: | Height: | Size: 15 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-table.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0.46 0 71.04 71"><g clip-path="url(#a)"><path fill="#8ED4DA" d="M.457.422H71v9.206H.457z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.647 55.302V9.627h-.5v45.675h.5Zm13.9 0V9.627h-.5v45.675h.5ZM43.448 9.627v45.675h-.5V9.627h.5Zm13.9 45.675V9.627h-.5v45.675h.5Z" fill="#D7D7D7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M71 55.021H1.289v.5H71v-.5Zm0-14.9H1.289v.5H71v-.5Zm-69.711-14.9H71v.5H1.289v-.5ZM71 9.321H1.289v.5H71v-.5Z" fill="#D7D7D7"/><path stroke="#000" stroke-width=".5" d="M71 9.571.822 9.531"/><rect x="45.618" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="45.618" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="60.027" y="33.47" width="8.468" height="1.5" rx=".75" fill="#8ED4DA" stroke="#000" stroke-width=".5"/><rect x="60.027" y="16.689" width="8.468" height="1.5" rx=".75" fill="#F0D3D3" stroke="#000" stroke-width=".5"/><rect x="60.027" y="47.47" width="8.468" height="1.5" rx=".75" fill="#F0D3D3" stroke="#000" stroke-width=".5"/><rect x="63.368" y="2.75" width="5.5" height="4.78" rx="2.39" fill="#fff" stroke="#333" stroke-width=".5"/><rect x="3.368" y="2.75" width="39.468" height="4.78" rx="2.39" fill="#fff" stroke="#333" stroke-width=".5"/><rect x="3.724" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="17.618" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="31.777" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="45.618" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="31.777" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect opacity=".4" x="31.777" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="17.618" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="17.618" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="3.724" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="3.724" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="13.189" y="62.077" width="2" height="2" rx="1" fill="#B2B2B2"/><rect x="17.189" y="62.077" width="37.91" height="2" rx="1" fill="#B2B2B2"/><rect x="57.099" y="62.077" width="2" height="2" rx="1" fill="#B2B2B2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.273 61.879a.157.157 0 0 0-.195.245l8.766 6.993a.157.157 0 0 0 .196-.245L3.273 61.88Zm-.22 1.712a.157.157 0 0 1 .22-.025l6.684 5.306a.157.157 0 1 1-.195.246L3.078 63.81a.157.157 0 0 1-.025-.22Zm.225 1.506a.157.157 0 1 0-.204.237l4.399 3.78a.157.157 0 1 0 .204-.238l-4.4-3.78Zm-.22 1.615a.157.157 0 0 1 .221-.014l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.535a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 1 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z" fill="#010101"/></g><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" stroke="#000" stroke-width=".5"/><defs><clipPath id="a"><rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff"/></clipPath></defs></svg>
|
||||
|
After Width: | Height: | Size: 3 KiB |
1
frontend/app/svg/icons/db-icons/icn-card-timeseries.svg
Normal file
|
After Width: | Height: | Size: 12 KiB |
42
frontend/app/svg/icons/db-icons/icn-card-userPath.svg
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0.5 70 70">
|
||||
<g clip-path="url(#a)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M1.259 65.445a.157.157 0 0 0-.204.237l4.399 3.78a.157.157 0 0 0 .204-.238l-4.4-3.78Zm-.22 1.616a.157.157 0 0 1 .221-.015l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.534a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 0 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z"
|
||||
fill="#010101"/>
|
||||
<rect x=".604" y=".758" width="9.417" height="34.492" rx="1.75" fill="#8ED4DA" stroke="#000" stroke-width=".5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M1.583 32.036a.157.157 0 0 0-.207.235l2.478 2.18a.157.157 0 1 0 .207-.236l-2.478-2.18Zm-.008 1.52a.157.157 0 0 0-.19.248l.854.653a.157.157 0 0 0 .19-.25l-.854-.652Z"
|
||||
fill="#010101"/>
|
||||
<rect x="60.333" y=".758" width="9.417" height="48.135" rx="1.75" fill="#8ED4DA" stroke="#000"
|
||||
stroke-width=".5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M61.659 45.183a.157.157 0 0 0-.207.235l2.477 2.18a.157.157 0 0 0 .207-.236l-2.477-2.179Zm-.009 1.52a.157.157 0 0 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z"
|
||||
fill="#010101"/>
|
||||
<rect x=".604" y="36.763" width="9.417" height="33.487" rx="1.75" fill="#9299D3" stroke="#000"
|
||||
stroke-width=".5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M2.221 66.246a.157.157 0 1 0-.207.235l2.477 2.18a.157.157 0 0 0 .207-.236l-2.477-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z"
|
||||
fill="#010101"/>
|
||||
<rect x="60.333" y="50.913" width="9.417" height="19.337" rx="1.75" fill="#9299D3" stroke="#000"
|
||||
stroke-width=".5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M61.76 66.746a.157.157 0 1 0-.207.235l2.478 2.18a.157.157 0 0 0 .206-.236l-2.477-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z"
|
||||
fill="#010101"/>
|
||||
<path opacity=".3" fill="#9299D3" d="M12.546 1.216h45.238v20.077H12.546z"/>
|
||||
<path opacity=".7" fill="#8ED4DA" fill-opacity=".8" d="M12.546 65.407h45.238V70.5H12.546z"/>
|
||||
<path opacity=".3"
|
||||
d="m12.546 37.512 3.925-.654a56.893 56.893 0 0 0 18.283-6.386 56.888 56.888 0 0 1 14.598-5.647l8.276-1.947v26.08l-7.189.952a28.816 28.816 0 0 0-15.389 7.052 28.815 28.815 0 0 1-12.919 6.615l-9.585 2.13V37.512Z"
|
||||
fill="#F0D3D3"/>
|
||||
<path d="M12.702 35.184V21.878c2.043.353 4.527.878 7.061 1.502 9.026 2.223 14.544 9.72 20.496 16.859 6.747 8.092 13.713 9.724 17.056 10.598v13.462c-3.893-.375-7.645-2.185-10.511-4.06-3.1-2.026-5.321-5.064-7.44-8.101-14.562-20.874-22.461-16.173-26.662-16.954Z"
|
||||
fill="#8ED4DA" stroke="#000" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.229 29.997c2.862 1.875 8.296 6.324 13.174 11.842 3.01 3.405 8.616 9.119 15.247 10.066"
|
||||
stroke="#000" stroke-width=".5" stroke-linecap="round"/>
|
||||
<path d="M30.444 38.934c.423.277 3.012 2.665 3.734 3.481 2.184 2.47 5.013 5.427 9.55 8.737" stroke="#000"
|
||||
stroke-width=".2" stroke-linecap="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
39
frontend/app/svg/icons/db-icons/icn-card-webVitals.svg
Normal file
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -1,4 +1,4 @@
|
|||
<svg width="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="20" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2633_13471)">
|
||||
<path d="M17.4795 9.00002C17.4795 11.2489 16.5862 13.4057 14.9959 14.9959C13.4057 16.5862 11.2489 17.4795 9.00002 17.4795C6.75112 17.4795 4.59432 16.5862 3.0041 14.9959C1.41388 13.4057 0.520508 11.2489 0.520508 9.00002C0.520508 6.75112 1.41388 4.59432 3.0041 3.0041C4.59432 1.41388 6.75112 0.520508 9.00002 0.520508C11.2489 0.520508 13.4057 1.41388 14.9959 3.0041C16.5862 4.59432 17.4795 6.75112 17.4795 9.00002ZM9.00002 4.76027C8.86605 4.76034 8.73359 4.78848 8.61115 4.84286C8.48872 4.89725 8.37904 4.97668 8.28917 5.07603C8.1993 5.17539 8.13124 5.29247 8.08937 5.41972C8.0475 5.54698 8.03276 5.6816 8.04608 5.81491L8.41706 9.53211C8.42952 9.67814 8.49634 9.81418 8.60429 9.91331C8.71224 10.0124 8.85346 10.0674 9.00002 10.0674C9.14658 10.0674 9.28781 10.0124 9.39576 9.91331C9.50371 9.81418 9.57053 9.67814 9.58299 9.53211L9.95397 5.81491C9.96729 5.6816 9.95254 5.54698 9.91068 5.41972C9.86881 5.29247 9.80075 5.17539 9.71088 5.07603C9.62101 4.97668 9.51133 4.89725 9.38889 4.84286C9.26646 4.78848 9.13399 4.76034 9.00002 4.76027ZM9.00214 11.1199C8.72103 11.1199 8.45143 11.2316 8.25265 11.4304C8.05388 11.6291 7.9422 11.8987 7.9422 12.1798C7.9422 12.461 8.05388 12.7306 8.25265 12.9293C8.45143 13.1281 8.72103 13.2398 9.00214 13.2398C9.28326 13.2398 9.55286 13.1281 9.75163 12.9293C9.95041 12.7306 10.0621 12.461 10.0621 12.1798C10.0621 11.8987 9.95041 11.6291 9.75163 11.4304C9.55286 11.2316 9.28326 11.1199 9.00214 11.1199Z" fill="#CC0000"/>
|
||||
</g>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 22 14" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0C0.895431 0 0 0.89543 0 2V12C0 13.1046 0.89543 14 2 14H20C21.1046 14 22 13.1046 22 12V2C22 0.895431 21.1046 0 20 0H2ZM11.0757 10V3.60156H9.98145V8.19385L7.10303 3.60156H6V10H7.10303V5.4165L9.97266 10H11.0757ZM15.0396 3.60156H15.3032L17.7202 10H16.5601L16.0423 8.50146H13.5654L13.0488 10H11.8931L14.3013 3.60156H14.5605H15.0396ZM13.8668 7.62695H15.7402L14.8024 4.91255L13.8668 7.62695Z" fill="#C4C4C4"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 536 B After Width: | Height: | Size: 524 B |
|
|
@ -1,4 +1,4 @@
|
|||
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<rect width="32" height="32" fill="transparent"/>
|
||||
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 8.8 KiB |
|
|
@ -1,4 +1,4 @@
|
|||
<svg viewBox="0 0 250 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 250 78" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M239.854 9.85271L181.341 68.6533L93.0054 29.5492L9.44029 68.5101L9.01772 67.6037L92.9946 28.4509L181.117 67.4606L239.146 9.14734L239.854 9.85271Z" fill="#C2C2C2"/>
|
||||
<path d="M9.65947 77.6938C14.9942 77.6938 19.3189 73.3691 19.3189 68.0343C19.3189 62.6996 14.9942 58.3749 9.65947 58.3749C4.32469 58.3749 0 62.6996 0 68.0343C0 73.3691 4.32469 77.6938 9.65947 77.6938Z" fill="#C7CCF9"/>
|
||||
<path d="M92.9847 38.9071C98.3194 38.9071 102.644 34.5824 102.644 29.2476C102.644 23.9128 98.3194 19.5881 92.9847 19.5881C87.6499 19.5881 83.3252 23.9128 83.3252 29.2476C83.3252 34.5824 87.6499 38.9071 92.9847 38.9071Z" fill="#B4E4E7"/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg viewBox="0 0 157 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 157 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M156.877 1.64707C156.914 0.898282 156.144 0.376269 155.462 0.687692L151.61 2.44671C150.865 2.78695 150.823 3.82961 151.538 4.22925L155.2 6.27642C155.848 6.63833 156.65 6.19411 156.687 5.45327L156.877 1.64707ZM0.371826 100.542C7.55254 99.968 15.7724 100.132 24.1312 100.173C32.4654 100.214 40.9251 100.134 48.4931 99.0527C56.0574 97.9722 62.8178 95.8818 67.6883 91.8446C72.5816 87.7878 75.4799 81.8404 75.4799 73.2182H74.0852C74.0852 81.5822 71.2859 87.1788 66.7306 90.955C62.152 94.7504 55.7115 96.782 48.269 97.845C40.8302 98.9071 32.4775 98.9907 24.1391 98.9495C15.8249 98.9083 7.63855 99.9611 0.371826 100.542ZM68.0514 86.3092C70.9892 88.8626 74.6421 89.6433 78.719 88.9095C82.7546 88.183 87.2025 85.9768 91.8679 82.5856C101.206 75.798 111.628 64.106 121.647 49.2607C121.647 49.2607 121.608 48.8808 121.139 48.6374C111.156 63.4289 100.138 74.9847 90.9781 81.6434C86.394 84.9754 82.1543 87.8167 78.4382 88.4857C74.7635 89.1473 71.6011 88.4469 69.0333 86.215L68.0514 86.3092ZM121.647 49.2607C147.109 11.5346 146.27 15.5123 154.168 4.98484L153.696 4.31224C145.876 14.7349 146.614 10.8914 121.139 48.6374C121.608 48.8808 121.647 49.2607 121.647 49.2607ZM75.4799 73.2182C75.4799 72.7895 75.4325 72.4126 75.3242 72.0969C75.2168 71.7832 75.0327 71.4851 74.723 71.2815C74.0475 70.8378 73.2543 71.1004 72.7178 71.3974C71.583 72.0263 70.2547 73.5012 69.143 75.2197C68.0165 76.9617 67.0397 79.0652 66.6771 81.0438C66.3186 82.9988 66.5353 84.9913 68.0514 86.3092L69.0333 86.215C67.9989 85.316 67.7208 83.0559 68.0542 81.238C68.3834 79.4433 68.593 77.4789 69.6638 75.8237C70.7498 74.1449 72.6304 72.8931 73.4626 72.4322C73.9099 72.1842 73.9629 72.311 73.8876 72.2613C73.8783 72.2552 73.9327 72.2866 73.9885 72.4497C74.0442 72.6112 74.0852 72.8588 74.0852 73.2182H75.4799Z" fill="black"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 26 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.11657 0.397539C0.979908 0.301587 0.817004 0.250071 0.650024 0.25C0.483045 0.250071 0.320141 0.301587 0.183482 0.397539C0.0468245 0.493491 -0.0569525 0.629218 -0.113726 0.78625L-3.16873 9.1875H-8.28748C-8.50296 9.1875 -8.70963 9.2731 -8.862 9.42548C-9.01437 9.57785 -9.09998 9.78451 -9.09998 10C-9.09998 10.2155 -9.01437 10.4222 -8.862 10.5745C-8.70963 10.7269 -8.50296 10.8125 -8.28748 10.8125H-2.59998C-2.43319 10.8125 -2.27043 10.7613 -2.13379 10.6656C-1.99716 10.57 -1.89327 10.4346 -1.83623 10.2779L0.650024 3.4415L6.38627 19.2137C6.4432 19.3706 6.54705 19.5061 6.68369 19.6019C6.82034 19.6977 6.98316 19.749 7.15002 19.749C7.31689 19.749 7.47971 19.6977 7.61635 19.6019C7.753 19.5061 7.85684 19.3706 7.91377 19.2137L10.9688 10.8125H12.5125H16.0875H18.2C18.3668 10.8125 18.5296 10.7613 18.6662 10.6656C18.8028 10.57 18.9067 10.4346 18.9638 10.2779L21.45 3.4415L27.1863 19.2137C27.2432 19.3706 27.347 19.5061 27.4837 19.6019C27.6203 19.6977 27.7832 19.749 27.95 19.749C28.1169 19.749 28.2797 19.6977 28.4164 19.6019C28.553 19.5061 28.6568 19.3706 28.7138 19.2137L31.7688 10.8125H36.8875C36.9425 10.8125 36.9969 10.8069 37.05 10.7961C37.1031 10.8069 37.1575 10.8125 37.2125 10.8125H42.9C43.0668 10.8125 43.2296 10.7613 43.3662 10.6656C43.5028 10.57 43.6067 10.4346 43.6638 10.2779L46.15 3.4415L51.8863 19.2137C51.9432 19.3706 52.0471 19.5061 52.1837 19.6019C52.3203 19.6977 52.4832 19.749 52.65 19.749C52.8169 19.749 52.9797 19.6977 53.1164 19.6019C53.253 19.5061 53.3568 19.3706 53.4138 19.2137L56.4688 10.8125H61.5875C61.803 10.8125 62.0097 10.7269 62.162 10.5745C62.3144 10.4222 62.4 10.2155 62.4 10C62.4 9.78451 62.3144 9.57785 62.162 9.42548C62.0097 9.2731 61.803 9.1875 61.5875 9.1875H55.9C55.7334 9.18733 55.5708 9.23837 55.4342 9.33371C55.2976 9.42905 55.1936 9.56407 55.1363 9.7205L52.65 16.5585L46.9138 0.78625C46.857 0.629218 46.7532 0.493491 46.6166 0.397539C46.4799 0.301587 46.317 0.250071 46.15 0.25C45.983 0.250071 45.8201 0.301587 45.6835 0.397539C45.5468 0.493491 45.443 0.629218 45.3863 0.78625L42.3313 9.1875H37.2125C37.1575 9.1875 37.1031 9.19308 37.05 9.20391C36.9969 9.19308 36.9425 9.1875 36.8875 9.1875H31.2C31.0334 9.18733 30.8708 9.23837 30.7342 9.33371C30.5976 9.42905 30.4936 9.56407 30.4363 9.7205L27.95 16.5585L22.2138 0.78625C22.157 0.629218 22.0532 0.493491 21.9166 0.397539C21.7799 0.301587 21.617 0.250071 21.45 0.25C21.283 0.250071 21.1201 0.301587 20.9835 0.397539C20.8468 0.493491 20.743 0.629218 20.6863 0.78625L17.6313 9.1875H16.0875H12.5125H10.4C10.2334 9.18733 10.0708 9.23837 9.9342 9.33371C9.79759 9.42905 9.69358 9.56407 9.63627 9.7205L7.15002 16.5585L1.41377 0.78625C1.357 0.629218 1.25322 0.493491 1.11657 0.397539Z" fill="#42AE5E"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-question-lg" viewBox="0 0 16 16">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="bi bi-question-lg" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215 0 1.344-.665 2.288-1.79 2.973-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712 1.03-.632 1.397-1.135 1.397-2.028 0-.979-.758-1.698-1.926-1.698-1.009 0-1.71.529-1.938 1.402-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09 0-.618-.473-1.092-1.095-1.092-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 632 B After Width: | Height: | Size: 612 B |
|
|
@ -1,4 +1,4 @@
|
|||
<svg viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 7 7" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.743484 5.68096C0.713974 5.52234 0.699219 5.35081 0.699219 5.16638C0.699219 5.05202 0.704752 4.94505 0.715818 4.84545C0.726884 4.74586 0.74164 4.64626 0.760083 4.54666L2.30383 2.14528H0.865213C0.854147 2.08257 0.844925 2.01433 0.837547 1.94055C0.833859 1.86678 0.832014 1.79116 0.832014 1.71369C0.832014 1.6141 0.835703 1.51634 0.843081 1.42044C0.850458 1.32084 0.861524 1.23231 0.876279 1.15485H3.34406C3.35144 1.22124 3.35697 1.28949 3.36066 1.35957C3.36804 1.42966 3.37173 1.50528 3.37173 1.58643C3.37173 1.64914 3.36988 1.72107 3.36619 1.80222C3.36251 1.87969 3.35513 1.98297 3.34406 2.11208L1.80031 4.5024H3.37726C3.39202 4.58724 3.40124 4.6813 3.40493 4.78459C3.4123 4.88419 3.41599 4.98747 3.41599 5.09445C3.41599 5.20511 3.4123 5.31208 3.40493 5.41537C3.40124 5.51496 3.39202 5.60349 3.37726 5.68096H0.743484Z" fill="#D6742D"/>
|
||||
<path d="M3.60176 5.68096C3.57225 5.52234 3.5575 5.35081 3.5575 5.16638C3.5575 5.05202 3.56303 4.94505 3.5741 4.84545C3.58516 4.74586 3.59992 4.64626 3.61836 4.54666L5.16211 2.14528H3.72349C3.71242 2.08257 3.7032 2.01433 3.69582 1.94055C3.69214 1.86678 3.69029 1.79116 3.69029 1.71369C3.69029 1.6141 3.69398 1.51634 3.70136 1.42044C3.70873 1.32084 3.7198 1.23231 3.73456 1.15485H6.20234C6.20972 1.22124 6.21525 1.28949 6.21894 1.35957C6.22632 1.42966 6.23 1.50528 6.23 1.58643C6.23 1.64914 6.22816 1.72107 6.22447 1.80222C6.22078 1.87969 6.21341 1.98297 6.20234 2.11208L4.65859 4.5024H6.23554C6.25029 4.58724 6.25951 4.6813 6.2632 4.78459C6.27058 4.88419 6.27427 4.98747 6.27427 5.09445C6.27427 5.20511 6.27058 5.31208 6.2632 5.41537C6.25951 5.51496 6.25029 5.60349 6.23554 5.68096H3.60176Z" fill="#D6742D"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.327927 6.18096L0.251919 5.77241C0.216068 5.57971 0.199219 5.37723 0.199219 5.16638C0.199219 5.03609 0.205513 4.91051 0.218876 4.79024C0.231291 4.67851 0.247823 4.56696 0.268442 4.45562L0.286341 4.35897L1.388 2.64528H0.445723L0.372821 2.23217C0.359265 2.15535 0.348454 2.07456 0.340029 1.9903L0.338792 1.97794L0.338171 1.96552C0.334047 1.88304 0.332014 1.79908 0.332014 1.71369C0.332014 1.60199 0.336143 1.49167 0.344499 1.38279C0.352935 1.2692 0.366039 1.16141 0.38511 1.06129L0.462528 0.654846H6.64986L6.69928 1.09963C6.70733 1.17205 6.7134 1.24573 6.71756 1.32065C6.72607 1.40635 6.73 1.49512 6.73 1.58643C6.73 1.65854 6.72789 1.73828 6.72396 1.82493L6.72391 1.82601C6.71978 1.91256 6.71181 2.02294 6.70051 2.15478L6.68988 2.27879L5.57672 4.0024H6.65609L6.72814 4.41673C6.74697 4.52495 6.75795 4.63885 6.76253 4.75708C6.77041 4.86682 6.77427 4.97931 6.77427 5.09445C6.77427 5.21325 6.77041 5.32933 6.76253 5.44259C6.75791 5.55803 6.74672 5.66946 6.72671 5.77451L6.64929 6.18096H0.327927ZM3.37726 5.68096C3.39202 5.60349 3.40124 5.51496 3.40493 5.41537C3.41069 5.33462 3.41421 5.25163 3.41547 5.16638C3.41582 5.14257 3.41599 5.1186 3.41599 5.09445C3.41599 5.00257 3.41327 4.91341 3.40783 4.82698C3.40694 4.81278 3.40597 4.79865 3.40493 4.78459C3.40124 4.6813 3.39202 4.58724 3.37726 4.5024H1.80031L3.34406 2.11208C3.34832 2.06244 3.35203 2.01662 3.35519 1.97462C3.35562 1.96885 3.35605 1.96315 3.35646 1.95752C3.36088 1.89758 3.36412 1.84581 3.36619 1.80222C3.3676 1.77138 3.36873 1.74187 3.3696 1.71369C3.37102 1.66773 3.37173 1.62531 3.37173 1.58643C3.37173 1.51895 3.36918 1.45529 3.36407 1.39545C3.36405 1.39513 3.3641 1.39578 3.36407 1.39545C3.36306 1.38367 3.36187 1.37106 3.36066 1.35957C3.35697 1.28949 3.35144 1.22124 3.34406 1.15485H0.876279C0.861524 1.23231 0.850458 1.32084 0.843081 1.42044C0.835703 1.51634 0.832014 1.6141 0.832014 1.71369C0.832014 1.79116 0.833859 1.86678 0.837547 1.94055C0.844925 2.01433 0.854147 2.08257 0.865213 2.14528H2.30383L0.760083 4.54666C0.74164 4.64626 0.726884 4.74586 0.715818 4.84545C0.704752 4.94505 0.699219 5.05202 0.699219 5.16638C0.699219 5.35081 0.713974 5.52234 0.743484 5.68096H3.37726ZM3.71015 1.32278C3.70949 1.3289 3.70885 1.33507 3.70823 1.34128C3.70566 1.36684 3.70337 1.39323 3.70136 1.42044C3.69715 1.47517 3.69414 1.5305 3.69233 1.58643C3.69097 1.62851 3.69029 1.67093 3.69029 1.71369C3.69029 1.7485 3.69066 1.78294 3.69141 1.81701C3.69141 1.81724 3.6914 1.81677 3.69141 1.81701C3.69232 1.85851 3.6938 1.90016 3.69582 1.94055C3.70317 2.01406 3.71236 2.08207 3.72337 2.14459C3.72341 2.14482 3.72333 2.14436 3.72337 2.14459L5.16211 2.14528L3.61836 4.54666C3.60449 4.62158 3.5927 4.69649 3.583 4.7714C3.58271 4.77369 3.58241 4.77597 3.58212 4.77826C3.57926 4.80066 3.57658 4.82306 3.5741 4.84545C3.56538 4.92388 3.5601 5.00687 3.55825 5.09445C3.55775 5.11809 3.5575 5.14207 3.5575 5.16638C3.5575 5.25432 3.56085 5.33932 3.56756 5.42139C3.56771 5.42327 3.56787 5.42514 3.56802 5.42702C3.5754 5.51505 3.58664 5.5997 3.60176 5.68096H6.23554C6.25029 5.60349 6.25951 5.51496 6.2632 5.41537C6.27058 5.31208 6.27427 5.20511 6.27427 5.09445C6.27427 4.98747 6.27058 4.88419 6.2632 4.78459C6.25951 4.6813 6.25029 4.58724 6.23554 4.5024H4.65859L6.20234 2.11208C6.21341 1.98297 6.22078 1.87969 6.22447 1.80222C6.22816 1.72107 6.23 1.64914 6.23 1.58643C6.23 1.50528 6.22632 1.42966 6.21894 1.35957C6.21525 1.28949 6.20972 1.22124 6.20234 1.15485H3.73456C3.72481 1.206 3.71668 1.26198 3.71015 1.32278ZM3.37384 4.0024L4.24627 2.64528H3.59491L2.71844 4.0024H3.37384Z" fill="white"/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path clip-rule="evenoddCustomFill" d="M8 16H16V8H8V16ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z" />
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 232 B After Width: | Height: | Size: 220 B |
|
|
@ -1,10 +1,10 @@
|
|||
<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2766_21989)">
|
||||
<path d="M5.0625 10.375C4.01821 10.375 3.01669 10.7898 2.27827 11.5283C1.53984 12.2667 1.125 13.2682 1.125 14.3125C1.125 15.3568 1.53984 16.3583 2.27827 17.0967C3.01669 17.8352 4.01821 18.25 5.0625 18.25H12.9375C13.9818 18.25 14.9833 17.8352 15.7217 17.0967C16.4602 16.3583 16.875 15.3568 16.875 14.3125C16.875 13.2682 16.4602 12.2667 15.7217 11.5283C14.9833 10.7898 13.9818 10.375 12.9375 10.375H5.0625ZM12.9375 17.125C12.1916 17.125 11.4762 16.8287 10.9488 16.3012C10.4213 15.7738 10.125 15.0584 10.125 14.3125C10.125 13.5666 10.4213 12.8512 10.9488 12.3238C11.4762 11.7963 12.1916 11.5 12.9375 11.5C13.6834 11.5 14.3988 11.7963 14.9262 12.3238C15.4537 12.8512 15.75 13.5666 15.75 14.3125C15.75 15.0584 15.4537 15.7738 14.9262 16.3012C14.3988 16.8287 13.6834 17.125 12.9375 17.125ZM5.0625 1.375C4.31658 1.375 3.60121 1.67132 3.07376 2.19876C2.54632 2.72621 2.25 3.44158 2.25 4.1875C2.25 4.93342 2.54632 5.64879 3.07376 6.17624C3.60121 6.70368 4.31658 7 5.0625 7C5.80842 7 6.52379 6.70368 7.05124 6.17624C7.57868 5.64879 7.875 4.93342 7.875 4.1875C7.875 3.44158 7.57868 2.72621 7.05124 2.19876C6.52379 1.67132 5.80842 1.375 5.0625 1.375ZM7.81875 1.375C8.19333 1.74128 8.49082 2.17882 8.69369 2.66184C8.89656 3.14486 9.00071 3.6636 9 4.1875C9.00071 4.7114 8.89656 5.23014 8.69369 5.71316C8.49082 6.19618 8.19333 6.63372 7.81875 7H12.9375C13.6834 7 14.3988 6.70368 14.9262 6.17624C15.4537 5.64879 15.75 4.93342 15.75 4.1875C15.75 3.44158 15.4537 2.72621 14.9262 2.19876C14.3988 1.67132 13.6834 1.375 12.9375 1.375H7.81875ZM5.0625 0.25H12.9375C13.9818 0.25 14.9833 0.664843 15.7217 1.40327C16.4602 2.14169 16.875 3.14321 16.875 4.1875C16.875 5.23179 16.4602 6.23331 15.7217 6.97173C14.9833 7.71016 13.9818 8.125 12.9375 8.125H5.0625C4.01821 8.125 3.01669 7.71016 2.27827 6.97173C1.53984 6.23331 1.125 5.23179 1.125 4.1875C1.125 3.14321 1.53984 2.14169 2.27827 1.40327C3.01669 0.664843 4.01821 0.25 5.0625 0.25V0.25Z" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2766_21989">
|
||||
<rect width="18" height="18" fill="white" transform="translate(0 0.25)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2766_21989)">
|
||||
<path d="M5.0625 10.375C4.01821 10.375 3.01669 10.7898 2.27827 11.5283C1.53984 12.2667 1.125 13.2682 1.125 14.3125C1.125 15.3568 1.53984 16.3583 2.27827 17.0967C3.01669 17.8352 4.01821 18.25 5.0625 18.25H12.9375C13.9818 18.25 14.9833 17.8352 15.7217 17.0967C16.4602 16.3583 16.875 15.3568 16.875 14.3125C16.875 13.2682 16.4602 12.2667 15.7217 11.5283C14.9833 10.7898 13.9818 10.375 12.9375 10.375H5.0625ZM12.9375 17.125C12.1916 17.125 11.4762 16.8287 10.9488 16.3012C10.4213 15.7738 10.125 15.0584 10.125 14.3125C10.125 13.5666 10.4213 12.8512 10.9488 12.3238C11.4762 11.7963 12.1916 11.5 12.9375 11.5C13.6834 11.5 14.3988 11.7963 14.9262 12.3238C15.4537 12.8512 15.75 13.5666 15.75 14.3125C15.75 15.0584 15.4537 15.7738 14.9262 16.3012C14.3988 16.8287 13.6834 17.125 12.9375 17.125ZM5.0625 1.375C4.31658 1.375 3.60121 1.67132 3.07376 2.19876C2.54632 2.72621 2.25 3.44158 2.25 4.1875C2.25 4.93342 2.54632 5.64879 3.07376 6.17624C3.60121 6.70368 4.31658 7 5.0625 7C5.80842 7 6.52379 6.70368 7.05124 6.17624C7.57868 5.64879 7.875 4.93342 7.875 4.1875C7.875 3.44158 7.57868 2.72621 7.05124 2.19876C6.52379 1.67132 5.80842 1.375 5.0625 1.375ZM7.81875 1.375C8.19333 1.74128 8.49082 2.17882 8.69369 2.66184C8.89656 3.14486 9.00071 3.6636 9 4.1875C9.00071 4.7114 8.89656 5.23014 8.69369 5.71316C8.49082 6.19618 8.19333 6.63372 7.81875 7H12.9375C13.6834 7 14.3988 6.70368 14.9262 6.17624C15.4537 5.64879 15.75 4.93342 15.75 4.1875C15.75 3.44158 15.4537 2.72621 14.9262 2.19876C14.3988 1.67132 13.6834 1.375 12.9375 1.375H7.81875ZM5.0625 0.25H12.9375C13.9818 0.25 14.9833 0.664843 15.7217 1.40327C16.4602 2.14169 16.875 3.14321 16.875 4.1875C16.875 5.23179 16.4602 6.23331 15.7217 6.97173C14.9833 7.71016 13.9818 8.125 12.9375 8.125H5.0625C4.01821 8.125 3.01669 7.71016 2.27827 6.97173C1.53984 6.23331 1.125 5.23179 1.125 4.1875C1.125 3.14321 1.53984 2.14169 2.27827 1.40327C3.01669 0.664843 4.01821 0.25 5.0625 0.25V0.25Z"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2766_21989">
|
||||
<rect width="18" height="18" fill="white" transform="translate(0 0.25)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.2 KiB |
|
|
@ -1,3 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z"/>
|
||||
<path fill-rule="evenodd"
|
||||
d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 302 B After Width: | Height: | Size: 314 B |
|
|
@ -1,72 +1,72 @@
|
|||
/* eslint-disable @typescript-eslint/no-var-requires */
|
||||
const { optimize } = require('svgo');
|
||||
const fs = require('fs');
|
||||
const { collectFilenames } = require('./fs');
|
||||
const { collectFilenames } = require('./fs');
|
||||
|
||||
const svgRE = /\.svg$/;
|
||||
const ICONS_DIRNAME = 'app/svg/icons';
|
||||
const UI_DIRNAME = 'app/components/ui';
|
||||
const icons = collectFilenames(ICONS_DIRNAME, n => svgRE.test(n));
|
||||
const basePlugins = {
|
||||
plugins: [
|
||||
// { name: 'preset-default' },
|
||||
{
|
||||
name: 'removeAttrs',
|
||||
params: {
|
||||
attrs: ['fill-rule', 'clip-rule', 'fill', 'class'],
|
||||
},
|
||||
},
|
||||
'removeTitle',
|
||||
'removeComments',
|
||||
'removeXMLProcInst',
|
||||
'removeXMLNS',
|
||||
'mergeStyles',
|
||||
'inlineStyles',
|
||||
'removeStyleElement',
|
||||
]
|
||||
}
|
||||
plugins: [
|
||||
// { name: 'preset-default' },
|
||||
{
|
||||
name: 'removeAttrs',
|
||||
params: {
|
||||
attrs: ['fill-rule', 'clip-rule', 'fill', 'class']
|
||||
}
|
||||
},
|
||||
'removeTitle',
|
||||
'removeComments',
|
||||
'removeXMLProcInst',
|
||||
'removeXMLNS',
|
||||
'mergeStyles',
|
||||
'inlineStyles',
|
||||
'removeStyleElement'
|
||||
]
|
||||
};
|
||||
const plugins = (removeFill = true) => {
|
||||
return {
|
||||
plugins: [
|
||||
{
|
||||
name: 'preset-default',
|
||||
params: {
|
||||
overrides: {
|
||||
inlineStyles: {
|
||||
onlyMatchedOnce: false,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'removeAttrs',
|
||||
params: {
|
||||
attrs: ['xml', 'class' ,'style', 'data-name', 'dataName', 'svg:width', 'svg:height', 'fill-rule', removeFill ? 'svg:fill' : ''],
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'addAttributesToSVGElement',
|
||||
params: {
|
||||
attributes: [ "width={ `${ width }px` }", "height={ `${ height }px` }", !removeFill ? "fill={ `${ fill }` }" : '' ],
|
||||
}
|
||||
},
|
||||
{ name: 'removeXMLNS' },
|
||||
// { name: 'replaceDashes', params: {
|
||||
// type: 'perItem',
|
||||
// fn: (item) => {
|
||||
// item.eachAttr(attr => {
|
||||
// attr.name = attr.name.replace(/-([a-z])/g, gr => gr[1].toUpperCase())
|
||||
// })
|
||||
// }
|
||||
// } },
|
||||
return {
|
||||
plugins: [
|
||||
{
|
||||
name: 'preset-default',
|
||||
params: {
|
||||
overrides: {
|
||||
inlineStyles: {
|
||||
onlyMatchedOnce: false
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'removeAttrs',
|
||||
params: {
|
||||
attrs: ['xml', 'class', 'style', 'data-name', 'dataName', 'svg:width', 'svg:height', 'fill-rule', 'clip-path']
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'addAttributesToSVGElement',
|
||||
params: {
|
||||
attributes: ['width={ `${ width }px` }', 'height={ `${ height }px` }', !removeFill ? 'fill={ `${ fill }` }' : '']
|
||||
}
|
||||
},
|
||||
{ name: 'removeXMLNS' }
|
||||
// { name: 'replaceDashes', params: {
|
||||
// type: 'perItem',
|
||||
// fn: (item) => {
|
||||
// item.eachAttr(attr => {
|
||||
// attr.name = attr.name.replace(/-([a-z])/g, gr => gr[1].toUpperCase())
|
||||
// })
|
||||
// }
|
||||
// } },
|
||||
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
};
|
||||
fs.writeFileSync(`${UI_DIRNAME}/SVG.tsx`, `
|
||||
import React from 'react';
|
||||
|
||||
export type IconNames = ${icons.map((icon) => "'"+ icon.slice(0, -4) + "'").join(' | ')};
|
||||
export type IconNames = ${icons.map((icon) => '\'' + icon.slice(0, -4) + '\'').join(' | ')};
|
||||
|
||||
interface Props {
|
||||
name: IconNames;
|
||||
|
|
@ -81,21 +81,20 @@ const SVG = (props: Props) => {
|
|||
const { name, size = 14, width = size, height = size, fill = '' } = props;
|
||||
switch (name) {
|
||||
${icons.map(icon => {
|
||||
const svg = fs.readFileSync(`${ICONS_DIRNAME}/${icon}`, 'utf-8');
|
||||
const canOptimize = !icon.includes('integrations');
|
||||
const { data } = optimize(svg, plugins(canOptimize));
|
||||
return ` case '${icon.slice(0, -4)}': return ${data.replace(/xlink\:href/g, 'xlinkHref')
|
||||
const svg = fs.readFileSync(`${ICONS_DIRNAME}/${icon}`, 'utf-8');
|
||||
const canOptimize = !icon.includes('integrations');
|
||||
const { data } = optimize(svg, plugins(canOptimize));
|
||||
return ` case '${icon.slice(0, -4)}': return ${data.replace(/xlink\:href/g, 'xlinkHref')
|
||||
.replace(/xmlns\:xlink/g, 'xmlnsXlink')
|
||||
.replace(/clip\-path/g, 'clipPath')
|
||||
.replace(/clip\-rule/g, 'clipRule')
|
||||
// hack to keep fill rule for some icons like stop recording square
|
||||
.replace(/clipRule="evenoddCustomFill"/g, 'clipRule="evenodd" fillRule="evenodd"')
|
||||
|
||||
.replace(/fill-rule/g, 'fillRule')
|
||||
.replace(/fill-opacity/g, 'fillOpacity')
|
||||
.replace(/stop-color/g, 'stopColor')
|
||||
.replace(/xml:space="preserve"/g, '')};`;
|
||||
})
|
||||
})
|
||||
.join('\n')}
|
||||
default:
|
||||
return <svg width={ width } height={ height } />;
|
||||
|
|
@ -105,6 +104,6 @@ default:
|
|||
}
|
||||
SVG.displayName = 'SVG';
|
||||
export default SVG;
|
||||
`)
|
||||
// })
|
||||
// .catch(console.error);
|
||||
`);
|
||||
// })
|
||||
// .catch(console.error);
|
||||
|
|
|
|||