Merge pull request #1647 from bancorprotocol/issue-#1646

Share carbon logo svg
bancorprotocol · Feb 4, 2025 · a897024 · a897024
2 parents 6ac72ba + d76fb2c
commit a897024
Show file tree

Hide file tree

Showing 19 changed files with 87 additions and 70 deletions.
diff --git a/...screenshots/simulator/recurring/Recurring_limit_limit/simulator-input-price.png b/...screenshots/simulator/recurring/Recurring_limit_limit/simulator-input-price.png
diff --git a/...screenshots/simulator/recurring/Recurring_range_limit/simulator-input-price.png b/...screenshots/simulator/recurring/Recurring_range_limit/simulator-input-price.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_buy_limit/create/form.png b/e2e/screenshots/strategy/disposable/Disposable_buy_limit/create/form.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_buy_limit/create/my-strategy.png b/e2e/screenshots/strategy/disposable/Disposable_buy_limit/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_buy_range/create/form.png b/e2e/screenshots/strategy/disposable/Disposable_buy_range/create/form.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_buy_range/create/my-strategy.png b/e2e/screenshots/strategy/disposable/Disposable_buy_range/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_buy_range/deposit/form.png b/e2e/screenshots/strategy/disposable/Disposable_buy_range/deposit/form.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_sell_limit/create/my-strategy.png b/e2e/screenshots/strategy/disposable/Disposable_sell_limit/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/disposable/Disposable_sell_range/create/my-strategy.png b/e2e/screenshots/strategy/disposable/Disposable_sell_range/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/overlapping/Overlapping/deposit/form.png b/e2e/screenshots/strategy/overlapping/Overlapping/deposit/form.png
diff --git a/e2e/screenshots/strategy/recurring/Recurring_limit_limit/create/my-strategy.png b/e2e/screenshots/strategy/recurring/Recurring_limit_limit/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/recurring/Recurring_range_limit/create/form.png b/e2e/screenshots/strategy/recurring/Recurring_range_limit/create/form.png
diff --git a/e2e/screenshots/strategy/recurring/Recurring_range_limit/create/my-strategy.png b/e2e/screenshots/strategy/recurring/Recurring_range_limit/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/recurring/Recurring_range_range/create/my-strategy.png b/e2e/screenshots/strategy/recurring/Recurring_range_range/create/my-strategy.png
diff --git a/e2e/screenshots/strategy/recurring/Recurring_range_range/deposit/form.png b/e2e/screenshots/strategy/recurring/Recurring_range_range/deposit/form.png
diff --git a/src/App.tsx b/src/App.tsx
@@ -9,6 +9,7 @@ import { MainContent } from 'components/core/MainContent';
 import { useStore } from 'store';
 import { Toaster } from 'components/common/Toaster/Toaster';
 import { Footer } from 'components/common/Footer/Footer';
+import { SVGCarbonLogo } from 'components/common/SVGCarbonLogo';
 
 let didInitCheck = false;
 let didInitSDK = false;
@@ -58,6 +59,7 @@ export const App = () => {
       <ModalProvider />
       <Toaster />
       <CreateStrategyCTAMobile />
+      <SVGCarbonLogo />
     </>
   );
 };
diff --git a/src/components/common/SVGCarbonLogo.tsx b/src/components/common/SVGCarbonLogo.tsx
@@ -0,0 +1,53 @@
+export const SVGCarbonLogo = () => {
+  return (
+    <svg>
+      <defs>
+        <symbol
+          id="carbonLogo"
+          width="8"
+          height="8"
+          viewBox="0 0 672 886"
+          fill="dark"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M236.253 0.40625H543.432L590.851 151.443L516.258 259.817L671.892 562.311L597.058 641.054L667.572 865.583H3.43463L31.0508 642.298L0.482422 563.705L34.4791 195.043H66.9848L73.1824 56.3078L236.253 0.40625ZM86.5195 195.043H130.749L109.676 572.069H24.6749L51.0225 639.81L25.5123 846.068H329.049L339.284 534.202L265.803 380.763L236.207 259.029H361.697L442.063 641.054H597.058L671.892 562.311H526.547L404.627 204.8H488.529L516.258 259.817L590.851 151.443H273.103L240.312 19.9215L92.085 70.458L86.5195 195.043Z"
+            opacity="0.4"
+          />
+        </symbol>
+        <pattern
+          id="base-pattern"
+          width="15"
+          height="25"
+          patternUnits="userSpaceOnUse"
+        />
+        <pattern href="#base-pattern" id="buy-pattern">
+          <use href="#carbonLogo" x="0" y="4" fill="var(--buy)" />
+          <use href="#carbonLogo" x="8" y="16" fill="var(--buy)" />
+          <rect
+            x="0"
+            y="0"
+            width="15"
+            height="25"
+            fill="var(--buy)"
+            fillOpacity="0.05"
+          />
+        </pattern>
+        <pattern href="#base-pattern" id="sell-pattern">
+          <use href="#carbonLogo" x="0" y="4" fill="var(--sell)" />
+          <use href="#carbonLogo" x="8" y="16" fill="var(--sell)" />
+          <rect
+            x="0"
+            y="0"
+            width="15"
+            height="25"
+            fill="var(--sell)"
+            fillOpacity="0.05"
+          />
+        </pattern>
+      </defs>
+    </svg>
+  );
+};
diff --git a/src/components/strategies/overlapping/OverlappingChart.tsx b/src/components/strategies/overlapping/OverlappingChart.tsx
@@ -450,30 +450,23 @@ export const OverlappingChart: FC<Props> = (props) => {
     >
       {/* Pattern */}
       <defs>
-        <symbol
-          id="carbonLogo"
-          width="12"
-          height="12"
-          viewBox="0 0 672 886"
-          fill="dark"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M236.253 0.40625H543.432L590.851 151.443L516.258 259.817L671.892 562.311L597.058 641.054L667.572 865.583H3.43463L31.0508 642.298L0.482422 563.705L34.4791 195.043H66.9848L73.1824 56.3078L236.253 0.40625ZM86.5195 195.043H130.749L109.676 572.069H24.6749L51.0225 639.81L25.5123 846.068H329.049L339.284 534.202L265.803 380.763L236.207 259.029H361.697L442.063 641.054H597.058L671.892 562.311H526.547L404.627 204.8H488.529L516.258 259.817L590.851 151.443H273.103L240.312 19.9215L92.085 70.458L86.5195 195.043Z"
-            opacity="0.4"
-          />
-        </symbol>
-        <pattern
-          id="base-pattern"
-          width="15"
-          height="25"
-          patternUnits="userSpaceOnUse"
-        />
         <pattern href="#base-pattern" id="buy-pattern">
-          <use href="#carbonLogo" x="0" y="6" fill="var(--buy)" />
-          <use href="#carbonLogo" x="12" y="24" fill="var(--buy)" />
+          <use
+            href="#carbonLogo"
+            x="0"
+            y="6"
+            width="12"
+            height="12"
+            fill="var(--buy)"
+          />
+          <use
+            href="#carbonLogo"
+            x="12"
+            y="24"
+            width="12"
+            height="12"
+            fill="var(--buy)"
+          />
           <rect
             x="0"
             y="0"
@@ -484,8 +477,22 @@ export const OverlappingChart: FC<Props> = (props) => {
           />
         </pattern>
         <pattern href="#base-pattern" id="sell-pattern">
-          <use href="#carbonLogo" x="0" y="6" fill="var(--sell)" />
-          <use href="#carbonLogo" x="12" y="24" fill="var(--sell)" />
+          <use
+            href="#carbonLogo"
+            x="0"
+            y="6"
+            width="12"
+            height="12"
+            fill="var(--sell)"
+          />
+          <use
+            href="#carbonLogo"
+            x="12"
+            y="24"
+            width="12"
+            height="12"
+            fill="var(--sell)"
+          />
           <rect
             x="0"
             y="0"

diff --git a/src/components/strategies/overview/strategyBlock/StrategyGraph.tsx b/src/components/strategies/overview/strategyBlock/StrategyGraph.tsx
@@ -169,51 +169,6 @@ export const StrategyGraph: FC<Props> = ({ strategy, className }) => {
       viewBox={`0 0 ${width} ${height}`}
     >
       <defs>
-        <symbol
-          id="carbonLogo"
-          width="8"
-          height="8"
-          viewBox="0 0 672 886"
-          fill="dark"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M236.253 0.40625H543.432L590.851 151.443L516.258 259.817L671.892 562.311L597.058 641.054L667.572 865.583H3.43463L31.0508 642.298L0.482422 563.705L34.4791 195.043H66.9848L73.1824 56.3078L236.253 0.40625ZM86.5195 195.043H130.749L109.676 572.069H24.6749L51.0225 639.81L25.5123 846.068H329.049L339.284 534.202L265.803 380.763L236.207 259.029H361.697L442.063 641.054H597.058L671.892 562.311H526.547L404.627 204.8H488.529L516.258 259.817L590.851 151.443H273.103L240.312 19.9215L92.085 70.458L86.5195 195.043Z"
-            opacity="0.4"
-          />
-        </symbol>
-        <pattern
-          id="base-pattern"
-          width="15"
-          height="25"
-          patternUnits="userSpaceOnUse"
-        />
-        <pattern href="#base-pattern" id="buy-pattern">
-          <use href="#carbonLogo" x="0" y="4" fill="var(--buy)" />
-          <use href="#carbonLogo" x="8" y="16" fill="var(--buy)" />
-          <rect
-            x="0"
-            y="0"
-            width="15"
-            height="25"
-            fill="var(--buy)"
-            fillOpacity="0.05"
-          />
-        </pattern>
-        <pattern href="#base-pattern" id="sell-pattern">
-          <use href="#carbonLogo" x="0" y="4" fill="var(--sell)" />
-          <use href="#carbonLogo" x="8" y="16" fill="var(--sell)" />
-          <rect
-            x="0"
-            y="0"
-            width="15"
-            height="25"
-            fill="var(--sell)"
-            fillOpacity="0.05"
-          />
-        </pattern>
         <clipPath id={clipPathId}>
           <rect x="0" y="0" width={width} height={height}>
             <animate