feat: APP-269 update user menu and profile edit sidebar with orders (#…

…2486) Co-authored-by: r41ph <“ralph.galan@regen.network>
regen-network · Oct 22, 2024 · 7984e39 · 7984e39
1 parent 55c9689
commit 7984e39
Show file tree

Hide file tree

Showing 29 changed files with 931 additions and 302 deletions.
diff --git a/README.md b/README.md
@@ -182,12 +182,29 @@ Regen codebase use [lingui](https://lingui.dev/) Internationalization Framework.
 
 **Lingui package usage:**
 
-- static text in JSX: `<Trans>{'static text'}</Trans>`
-- attributes: \_(msg\`static text\`)
-- constants:
- - const elements = [msg\`some element\`]
- - \_(elements[0])
+ * static text in JSX: 
+```
+<Trans>{'static text'}</Trans>
+```
+* attributes: 
+```
+ const { _ } = useLingui();
+ _(msg\`static text\`)
+ ```
+* constants:
+```
+ const elements = [msg\`some element\`]
+ _(elements[0])
+```
+ - If the constant is an object:
+```
+import { i18n } from '@lingui/core';
+import { msg } from '@lingui/macro';
 
+const myObject = {
+ myKey: i18n._(msg`MyValue`)
+}
+```
 **Lingui CLI usage:**
 
 Run `i18n:extract` inside `web-marketplace` to update the `.po` files with the newly added translation keys (with `<Trans>` or `_(msg)`).

diff --git a/package.json b/package.json
@@ -69,7 +69,6 @@
  "**/@typescript-eslint/eslint-plugin": "^6.7.3",
  "**/@typescript-eslint/parser": "^6.7.3",
  "webpack": "4.44.2",
- "react-error-overlay": "6.0.9",
  "@emotion/react": "11.10.6",
  "tss-react": "^4.8.2"
  },

diff --git a/web-components/src/components/icons/CogIcon.tsx b/web-components/src/components/icons/CogIcon.tsx
@@ -5,67 +5,79 @@ type Props = {
  disabled?: boolean;
 } & React.SVGProps<SVGSVGElement>;
 
-export const CogIcon = ({ linearGradient, ...props }: Props) => (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="24"
- height="24"
- viewBox="0 0 24 24"
- fill="none"
- {...props}
- >
- <path
- d="M20.9664 10.0728L18.4842 9.6671C18.3388 9.16898 18.1402 8.69018 17.8915 8.237L19.3405 6.17186C19.4577 6.00512 19.4376 5.7779 19.2935 5.63342L17.6601 4.00088C17.5144 3.85556 17.2851 3.83666 17.1179 3.9572L15.0838 5.41922C14.6265 5.16638 14.1435 4.96562 13.6424 4.81988L13.2094 2.34776C13.1741 2.147 12.9998 2 12.7957 2H10.4857C10.2799 2 10.1043 2.1491 10.0711 2.35238L9.66962 4.81106C9.16562 4.95596 8.68178 5.15462 8.22608 5.4041L6.19748 3.9551C6.0299 3.8354 5.80184 3.85472 5.6561 3.99962L4.02356 5.63216C3.8795 5.77622 3.85934 6.00302 3.97652 6.16976L5.4041 8.21222C5.15 8.67212 4.94756 9.1589 4.80014 9.66542L2.35112 10.0732C2.14868 10.1068 2 10.2824 2 10.4874V12.7974C2 13.0011 2.14616 13.1754 2.3465 13.2111L4.79552 13.6453C4.9421 14.1506 5.14454 14.6374 5.39948 15.0985L3.95426 17.12C3.83498 17.2867 3.85388 17.5156 3.99878 17.6614L5.63174 19.2956C5.7758 19.4397 6.00302 19.4598 6.16976 19.3426L8.21516 17.91C8.67422 18.1624 9.15932 18.3628 9.66206 18.5081L10.072 20.9697C10.1052 21.1717 10.2803 21.32 10.4857 21.32H12.7957C12.9994 21.32 13.1737 21.1738 13.209 20.9735L13.6479 18.4997C14.1514 18.3514 14.634 18.1498 15.0885 17.897L17.1486 19.3422C17.3157 19.4602 17.5425 19.4397 17.687 19.2956L19.32 17.6614C19.4653 17.5156 19.4842 17.2859 19.3636 17.1187L17.8945 15.0788C18.1435 14.6252 18.3414 14.1456 18.4854 13.6474L20.971 13.2111C21.1722 13.1758 21.3183 13.0011 21.3183 12.7974V10.4874C21.3187 10.2816 21.1696 10.106 20.9664 10.0728Z"
- stroke={
- linearGradient
- ? 'url(#linear0_cog_icon)'
- : props.disabled
- ? '#8F8F8F'
- : 'currentColor'
- }
- strokeWidth="2"
- strokeLinejoin="round"
- />
- <path
- d="M8.71875 11.66C8.71875 13.2837 10.035 14.6 11.6587 14.6C13.2825 14.6 14.5987 13.2837 14.5987 11.66C14.5987 10.0363 13.2825 8.71997 11.6587 8.71997C10.035 8.71997 8.71875 10.0363 8.71875 11.66Z"
- stroke={
- linearGradient
- ? 'url(#linear1_cog_icon)'
- : props.disabled
- ? '#8F8F8F'
- : 'currentColor'
- }
- strokeLinejoin="round"
- />
- <defs>
- <linearGradient
- id="linear0_cog_icon"
- x1="11.6592"
- y1="2"
- x2="3.93067"
- y2="21.3195"
- gradientUnits="userSpaceOnUse"
- >
- <stop
- offset="0.00458717"
- stopColor={props.disabled ? '#8F8F8F' : '#7BC796'}
- />
- <stop offset="1" stopColor={props.disabled ? '#EFEFEF' : '#C5E6D1'} />
- </linearGradient>
- <linearGradient
- id="linear1_cog_icon"
- x1="11.6587"
- y1="8.71997"
- x2="9.30675"
- y2="14.6"
- gradientUnits="userSpaceOnUse"
- >
- <stop
- offset="0.00458717"
- stopColor={props.disabled ? '#8F8F8F' : '#7BC796'}
- />
- <stop offset="1" stopColor={props.disabled ? '#EFEFEF' : '#C5E6D1'} />
- </linearGradient>
- </defs>
- </svg>
-);
+export const CogIcon = ({ linearGradient, ...props }: Props) => {
+ const randomId = Math.random().toString(36).substring(7);
+ const gradientId1 = `linear1_cog_icon-${randomId}`;
+ const gradientId2 = `linear2_cog_icon-${randomId}`;
+
+ return (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24"
+ fill="none"
+ {...props}
+ >
+ <path
+ d="M20.9664 10.0728L18.4842 9.6671C18.3388 9.16898 18.1402 8.69018 17.8915 8.237L19.3405 6.17186C19.4577 6.00512 19.4376 5.7779 19.2935 5.63342L17.6601 4.00088C17.5144 3.85556 17.2851 3.83666 17.1179 3.9572L15.0838 5.41922C14.6265 5.16638 14.1435 4.96562 13.6424 4.81988L13.2094 2.34776C13.1741 2.147 12.9998 2 12.7957 2H10.4857C10.2799 2 10.1043 2.1491 10.0711 2.35238L9.66962 4.81106C9.16562 4.95596 8.68178 5.15462 8.22608 5.4041L6.19748 3.9551C6.0299 3.8354 5.80184 3.85472 5.6561 3.99962L4.02356 5.63216C3.8795 5.77622 3.85934 6.00302 3.97652 6.16976L5.4041 8.21222C5.15 8.67212 4.94756 9.1589 4.80014 9.66542L2.35112 10.0732C2.14868 10.1068 2 10.2824 2 10.4874V12.7974C2 13.0011 2.14616 13.1754 2.3465 13.2111L4.79552 13.6453C4.9421 14.1506 5.14454 14.6374 5.39948 15.0985L3.95426 17.12C3.83498 17.2867 3.85388 17.5156 3.99878 17.6614L5.63174 19.2956C5.7758 19.4397 6.00302 19.4598 6.16976 19.3426L8.21516 17.91C8.67422 18.1624 9.15932 18.3628 9.66206 18.5081L10.072 20.9697C10.1052 21.1717 10.2803 21.32 10.4857 21.32H12.7957C12.9994 21.32 13.1737 21.1738 13.209 20.9735L13.6479 18.4997C14.1514 18.3514 14.634 18.1498 15.0885 17.897L17.1486 19.3422C17.3157 19.4602 17.5425 19.4397 17.687 19.2956L19.32 17.6614C19.4653 17.5156 19.4842 17.2859 19.3636 17.1187L17.8945 15.0788C18.1435 14.6252 18.3414 14.1456 18.4854 13.6474L20.971 13.2111C21.1722 13.1758 21.3183 13.0011 21.3183 12.7974V10.4874C21.3187 10.2816 21.1696 10.106 20.9664 10.0728Z"
+ stroke={
+ linearGradient
+ ? `url(#${gradientId1})`
+ : props.disabled
+ ? '#8F8F8F'
+ : 'currentColor'
+ }
+ strokeWidth="2"
+ strokeLinejoin="round"
+ />
+ <path
+ d="M8.71875 11.66C8.71875 13.2837 10.035 14.6 11.6587 14.6C13.2825 14.6 14.5987 13.2837 14.5987 11.66C14.5987 10.0363 13.2825 8.71997 11.6587 8.71997C10.035 8.71997 8.71875 10.0363 8.71875 11.66Z"
+ stroke={
+ linearGradient
+ ? `url(#${gradientId2})`
+ : props.disabled
+ ? '#8F8F8F'
+ : 'currentColor'
+ }
+ strokeLinejoin="round"
+ />
+ <defs>
+ <linearGradient
+ id={gradientId1}
+ x1="11.6592"
+ y1="2"
+ x2="3.93067"
+ y2="21.3195"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop
+ offset="0.00458717"
+ stopColor={props.disabled ? '#8F8F8F' : '#7BC796'}
+ />
+ <stop
+ offset="1"
+ stopColor={props.disabled ? '#EFEFEF' : '#C5E6D1'}
+ />
+ </linearGradient>
+ <linearGradient
+ id={gradientId2}
+ x1="11.6587"
+ y1="8.71997"
+ x2="9.30675"
+ y2="14.6"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop
+ offset="0.00458717"
+ stopColor={props.disabled ? '#8F8F8F' : '#7BC796'}
+ />
+ <stop
+ offset="1"
+ stopColor={props.disabled ? '#EFEFEF' : '#C5E6D1'}
+ />
+ </linearGradient>
+ </defs>
+ </svg>
+ );
+};
diff --git a/web-components/src/components/icons/EnvelopeIcon.tsx b/web-components/src/components/icons/EnvelopeIcon.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+
+type Props = {
+ linearGradient?: boolean;
+ disabled?: boolean;
+} & React.SVGProps<SVGSVGElement>;
+
+export const EnvelopeIcon = (props: Props) => {
+ const randomId = Math.random().toString(36).substring(7);
+ const gradientId = props.disabled
+ ? `shopping_bag_gradient-${randomId}`
+ : 'shopping_bag_gradient';
+ return (
+ <svg
+ width="24"
+ height="24"
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ {...props}
+ >
+ <g id="Icon / Email">
+ <path
+ id="Union"
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M19 7H5L4.97568 7.00029L12.2584 12.233L19.4158 7.09028C19.2892 7.03231 19.1484 7 19 7ZM19.9956 7.90508L12.4174 13.3501C12.3647 13.3879 12.3024 13.4023 12.2428 13.3954C12.1922 13.3954 12.1412 13.3802 12.097 13.3484L4.08643 7.59271C4.03088 7.71712 4 7.85495 4 8V17C4 17.5523 4.44772 18 5 18H19C19.5523 18 20 17.5523 20 17V8C20 7.96799 19.9985 7.93632 19.9956 7.90508ZM5 5C3.34315 5 2 6.34315 2 8V17C2 18.6569 3.34315 20 5 20H19C20.6569 20 22 18.6569 22 17V8C22 6.34315 20.6569 5 19 5H5Z"
+ fill={
+ props.linearGradient
+ ? `url(#${gradientId})`
+ : props.disabled
+ ? '#8F8F8F'
+ : 'currentColor'
+ }
+ />
+ </g>
+ <defs>
+ <linearGradient
+ id={gradientId}
+ x1="12"
+ y1="5"
+ x2="7.21101"
+ y2="20.9633"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop
+ offset="0.00458717"
+ stopColor={props.disabled ? '#8F8F8F' : '#7BC796'}
+ />
+ <stop offset="1" stopColor={props.disabled ? '#EFEFEF' : '#C5E6D1'} />
+ </linearGradient>
+ </defs>
+ </svg>
+ );
+};
diff --git a/web-components/src/components/icons/PrefinanceIcon.tsx b/web-components/src/components/icons/PrefinanceIcon.tsx
@@ -1,12 +1,63 @@
 import React from 'react';
 
-export const PrefinanceIcon = (props: React.SVGProps<SVGSVGElement>) => (
- <svg width="18" height="19" viewBox="0 0 18 19" fill="none" {...props}>
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M3.60769 0.0510187C4.15939 0.0254518 4.62735 0.451961 4.65292 1.00365L4.68334 1.66016C8.5722 -0.646761 13.6343 0.449618 16.2029 4.24325C17.71 6.46915 18.0355 9.14841 17.3244 11.5354C17.1867 11.9978 17.01 12.4496 16.7953 12.8853C16.5512 13.3808 15.9518 13.5845 15.4563 13.3405C14.9609 13.0964 14.7571 12.4969 15.0012 12.0015C15.166 11.667 15.3017 11.32 15.4076 10.9645C15.9549 9.12741 15.7036 7.07303 14.5468 5.36456C12.6663 2.58722 9.04518 1.69277 6.12407 3.15118L6.6535 3.25776C7.19493 3.36676 7.54547 3.89404 7.43647 4.43546C7.32747 4.97688 6.8002 5.32743 6.25877 5.21842L3.57937 4.67899C3.12953 4.58843 2.79905 4.20333 2.77781 3.74496L2.65506 1.09624C2.62949 0.544547 3.056 0.0765856 3.60769 0.0510187ZM2.3403 5.44293C2.85504 5.64308 3.11007 6.22261 2.90991 6.73735C2.14828 8.6961 2.33053 10.9796 3.59568 12.8481C5.47593 15.6251 9.09643 16.5197 12.0174 15.062L11.4331 14.9306C10.8942 14.8095 10.5557 14.2744 10.6768 13.7356C10.798 13.1968 11.333 12.8582 11.8719 12.9794L14.5384 13.579C14.9861 13.6797 15.3078 14.0721 15.3188 14.5308L15.3818 17.1817C15.395 17.7338 14.958 18.192 14.4059 18.2052C13.8538 18.2183 13.3955 17.7814 13.3824 17.2292L13.3676 16.6061C9.49115 18.8421 4.48805 17.7333 1.93958 13.9694C0.290675 11.5341 0.0563944 8.55726 1.04587 6.01255C1.24602 5.4978 1.82556 5.24278 2.3403 5.44293ZM8.07591 7.2757C8.07591 6.8727 8.38466 6.6582 9.00216 6.6322C9.06066 6.6322 9.08991 6.66145 9.08991 6.71995V7.98745C9.08991 8.04595 9.06391 8.0687 9.01191 8.0557C9.00541 8.0492 8.99241 8.04595 8.97291 8.04595C8.95991 8.03945 8.95016 8.0362 8.94366 8.0362C8.36516 7.8867 8.07591 7.6332 8.07591 7.2757ZM9.91866 10.2787C9.91866 10.7012 9.62616 10.9384 9.04116 10.9904C8.98266 10.9904 8.95341 10.9644 8.95341 10.9124V9.5377C8.95341 9.4857 8.98266 9.4662 9.04116 9.4792C9.35966 9.5767 9.58391 9.69045 9.71391 9.82045C9.85041 9.94395 9.91866 10.0967 9.91866 10.2787ZM6.51591 7.2757C6.51591 8.0427 6.95791 8.63745 7.84191 9.05995C7.88741 9.07945 7.89716 9.1152 7.87116 9.1672C7.84516 9.2452 7.83216 9.31345 7.83216 9.37195V10.7954C7.83216 10.8539 7.80616 10.8767 7.75416 10.8637C7.57866 10.8182 7.40316 10.7597 7.22766 10.6882C7.11066 10.6362 6.99691 10.646 6.88641 10.7174C6.78241 10.7824 6.73041 10.8767 6.73041 11.0002V11.2829C6.73041 11.452 6.77916 11.6079 6.87666 11.7509C6.97416 11.8874 7.10091 11.9784 7.25691 12.0239C7.42591 12.0759 7.59491 12.115 7.76391 12.1409C7.80941 12.1474 7.83216 12.1799 7.83216 12.2384V12.6479C7.83216 12.7974 7.88741 12.9275 7.99791 13.038C8.10841 13.1484 8.23841 13.2037 8.38791 13.2037H8.40741C8.55691 13.2037 8.68366 13.1484 8.78766 13.038C8.89816 12.9275 8.95341 12.7974 8.95341 12.6479V12.3067C8.95341 12.2482 8.97941 12.219 9.03141 12.219C9.84391 12.1929 10.4549 12.0109 10.8644 11.6729C11.2804 11.3349 11.4884 10.8604 11.4884 10.2494C11.4884 9.83995 11.3909 9.49545 11.1959 9.21595C11.0074 8.92995 10.6889 8.68295 10.2404 8.47495C10.2014 8.45545 10.1884 8.41645 10.2014 8.35795C10.2079 8.33845 10.2112 8.30595 10.2112 8.26045V6.81745C10.2112 6.76545 10.2372 6.74595 10.2892 6.75895C10.3867 6.77845 10.5329 6.8142 10.7279 6.8662C10.8579 6.8987 10.9749 6.87595 11.0789 6.79795C11.1894 6.71995 11.2447 6.61595 11.2447 6.48595V6.25195C11.2447 6.08945 11.1959 5.9432 11.0984 5.8132C11.0009 5.6767 10.8742 5.5922 10.7182 5.5597C10.6272 5.5402 10.4842 5.51745 10.2892 5.49145C10.2372 5.47845 10.2112 5.44595 10.2112 5.39395V4.98445C10.2112 4.83495 10.1559 4.70495 10.0454 4.59445C9.93491 4.48395 9.80491 4.4287 9.65541 4.4287H9.63591C9.48641 4.4287 9.35641 4.48395 9.24591 4.59445C9.14191 4.70495 9.08991 4.83495 9.08991 4.98445V5.31595C9.08991 5.37445 9.06066 5.4037 9.00216 5.4037C8.19616 5.4102 7.57866 5.58245 7.14966 5.92045C6.72716 6.25845 6.51591 6.7102 6.51591 7.2757Z"
- fill="currentColor"
- />
- </svg>
-);
+type Props = {
+ linearGradient?: boolean;
+ disabled?: boolean;
+ width?: string;
+ height?: string;
+} & React.SVGProps<SVGSVGElement>;
+
+export const PrefinanceIcon = ({
+ width = '18',
+ height = '19',
+ disabled,
+ ...props
+}: Props) => {
+ const randomId = Math.random().toString(36).substring(7);
+ const gradientId = props
+ ? `shopping_bag_gradient-${randomId}`
+ : 'shopping_bag_gradient';
+ return (
+ <svg
+ id={randomId}
+ width={width}
+ height={height}
+ viewBox="0 0 24 24"
+ fill="none"
+ preserveAspectRatio="none"
+ {...props}
+ >
+ <g id="Icon / Prefinance">
+ <path
+ id={randomId}
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M4.82566 0.399529C5.37735 0.373963 5.84531 0.800472 5.87088 1.35216L5.93787 2.79778C11.0281 -0.57457 17.8965 0.775273 21.3278 5.84308C23.2789 8.72471 23.7005 12.1929 22.7797 15.284C22.6014 15.8827 22.3726 16.4675 22.0947 17.0317C21.8506 17.5271 21.2512 17.7309 20.7557 17.4868C20.2603 17.2427 20.0565 16.6433 20.3006 16.1478C20.5286 15.685 20.7164 15.2048 20.8629 14.713C21.6199 12.1719 21.2725 9.32859 19.6717 6.96439C16.8958 2.86451 11.3786 1.72984 7.22067 4.34992L8.80552 4.66899C9.34694 4.77799 9.69748 5.30526 9.58848 5.84668C9.47948 6.38811 8.95221 6.73865 8.41079 6.62965L4.83825 5.91041C4.38841 5.81985 4.05793 5.43475 4.03668 4.97637L3.87302 1.44475C3.84745 0.893058 4.27396 0.425096 4.82566 0.399529ZM2.99956 7.56644C3.5143 7.76659 3.76933 8.34613 3.56918 8.86087C2.51569 11.5702 2.76736 14.7304 4.51818 17.3162C7.28848 21.4078 12.7889 22.5461 16.9439 19.9466L15.3172 19.5808C14.7784 19.4597 14.4398 18.9246 14.5609 18.3858C14.6821 17.847 15.2171 17.5084 15.756 17.6295L19.3114 18.4291C19.7591 18.5297 20.0808 18.9222 20.0917 19.3809L20.1758 22.9153C20.189 23.4675 19.752 23.9257 19.1999 23.9388C18.6478 23.952 18.1895 23.515 18.1764 22.9629L18.1429 21.5543C13.0641 24.8357 6.26892 23.4692 2.86208 18.4375C0.727507 15.2849 0.423806 11.4313 1.70514 8.13606C1.90529 7.62132 2.48482 7.36629 2.99956 7.56644ZM10.7679 9.69946C10.7679 9.16213 11.1795 8.87613 12.0029 8.84146C12.0809 8.84146 12.1199 8.88046 12.1199 8.95846V10.6485C12.1199 10.7265 12.0852 10.7568 12.0159 10.7395C12.0072 10.7308 11.9899 10.7265 11.9639 10.7265C11.9465 10.7178 11.9335 10.7135 11.9249 10.7135C11.1535 10.5141 10.7679 10.1761 10.7679 9.69946ZM13.2249 13.7035C13.2249 14.2668 12.8349 14.5831 12.0549 14.6525C11.9769 14.6525 11.9379 14.6178 11.9379 14.5485V12.7155C11.9379 12.6461 11.9769 12.6201 12.0549 12.6375C12.4795 12.7675 12.7785 12.9191 12.9519 13.0925C13.1339 13.2571 13.2249 13.4608 13.2249 13.7035ZM8.68785 9.69946C8.68785 10.7221 9.27718 11.5151 10.4559 12.0785C10.5165 12.1045 10.5295 12.1521 10.4949 12.2215C10.4602 12.3255 10.4429 12.4165 10.4429 12.4945V14.3925C10.4429 14.4705 10.4082 14.5008 10.3389 14.4835C10.1049 14.4228 9.87085 14.3448 9.63685 14.2495C9.48085 14.1801 9.32918 14.1931 9.18185 14.2885C9.04318 14.3751 8.97385 14.5008 8.97385 14.6655V15.0425C8.97385 15.2678 9.03885 15.4758 9.16885 15.6665C9.29885 15.8485 9.46785 15.9698 9.67585 16.0305C9.90118 16.0998 10.1265 16.1518 10.3519 16.1865C10.4125 16.1951 10.4429 16.2385 10.4429 16.3165V16.8625C10.4429 17.0618 10.5165 17.2351 10.6639 17.3825C10.8112 17.5298 10.9845 17.6035 11.1839 17.6035H11.2099C11.4092 17.6035 11.5782 17.5298 11.7169 17.3825C11.8642 17.2351 11.9379 17.0618 11.9379 16.8625V16.4075C11.9379 16.3295 11.9725 16.2905 12.0419 16.2905C13.1252 16.2558 13.9399 16.0131 14.4859 15.5625C15.0405 15.1118 15.3179 14.4791 15.3179 13.6645C15.3179 13.1185 15.1879 12.6591 14.9279 12.2865C14.6765 11.9051 14.2519 11.5758 13.6539 11.2985C13.6019 11.2725 13.5845 11.2205 13.6019 11.1425C13.6105 11.1165 13.6149 11.0731 13.6149 11.0125V9.08846C13.6149 9.01913 13.6495 8.99313 13.7189 9.01046C13.8489 9.03646 14.0439 9.08413 14.3039 9.15346C14.4772 9.19679 14.6332 9.16646 14.7719 9.06246C14.9192 8.95846 14.9929 8.81979 14.9929 8.64646V8.33446C14.9929 8.11779 14.9279 7.92279 14.7979 7.74946C14.6679 7.56746 14.4989 7.45479 14.2909 7.41146C14.1695 7.38546 13.9789 7.35513 13.7189 7.32046C13.6495 7.30313 13.6149 7.25979 13.6149 7.19046V6.64446C13.6149 6.44513 13.5412 6.27179 13.3939 6.12446C13.2465 5.97713 13.0732 5.90346 12.8739 5.90346H12.8479C12.6485 5.90346 12.4752 5.97713 12.3279 6.12446C12.1892 6.27179 12.1199 6.44513 12.1199 6.64446V7.08646C12.1199 7.16446 12.0809 7.20346 12.0029 7.20346C10.9282 7.21213 10.1049 7.44179 9.53285 7.89246C8.96952 8.34313 8.68785 8.94546 8.68785 9.69946Z"
+ fill={
+ props.linearGradient
+ ? `url(#${gradientId})`
+ : disabled
+ ? '#8F8F8F'
+ : 'currentColor'
+ }
+ />
+ </g>
+ <defs>
+ <linearGradient
+ id={gradientId}
+ x1="12.095"
+ y1="0.398438"
+ x2="2.30989"
+ y2="23.5743"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop
+ offset="0.00458717"
+ stopColor={disabled ? '#8F8F8F' : '#7BC796'}
+ />
+ <stop offset="1" stopColor={disabled ? '#EFEFEF' : '#C5E6D1'} />
+ </linearGradient>
+ </defs>
+ </svg>
+ );
+};