feat: add submit app button, refactor theme accent colors

WalletConnect · Jan 12, 2024 · 885cd0f · 885cd0f
1 parent 7ff1ec1
commit 885cd0f
Show file tree

Hide file tree

Showing 21 changed files with 102 additions and 45 deletions.
diff --git a/src/assets/AllApps.svg b/src/assets/AllApps.svg
diff --git a/src/assets/Icon.svg b/src/assets/Icon.svg
diff --git a/src/assets/SubmitApp.svg b/src/assets/SubmitApp.svg
diff --git a/src/components/general/ExternalLink/ExternalLink.scss b/src/components/general/ExternalLink/ExternalLink.scss
@@ -4,7 +4,7 @@
   align-items: center;
   justify-content: center;
   width: 100%;
-  color: #3396ff;
+  color: #089c96;
   background: rgba(51, 150, 255, 0.15);
   border-radius: 28px;
   padding: 7px 0px;

diff --git a/src/components/general/ExternalLink/index.tsx b/src/components/general/ExternalLink/index.tsx
@@ -18,7 +18,7 @@ const ExternalLink: React.FC<TAnchorProps> = ({ children, link, ...props }) => {
       <Text variant="small-600">{children}</Text>
       <svg fill="none" viewBox="0 0 13 12">
         <path
-          fill="#3396FF"
+          fill="#089C96"
           d="M4 3a.5.5 0 0 0 0 1h3.8L3.64 8.15a.5.5 0 0 0 .7.7L8.5 4.71V8.5a.5.5 0 0 0 1 0v-5A.5.5 0 0 0 9 3H4Z"
         />
       </svg>

diff --git a/src/components/general/Icon/CircleIcon.tsx b/src/components/general/Icon/CircleIcon.tsx
@@ -1,7 +1,7 @@
 const CircleIcon = () => {
   return (
     <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <circle cx="4" cy="4" r="4" fill="#3396FF" />
+      <circle cx="4" cy="4" r="4" fill="#089C96" />
     </svg>
   )
 }

diff --git a/src/components/general/Icon/ExternalLinkIcon.tsx b/src/components/general/Icon/ExternalLinkIcon.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+
+interface IIconProps {
+  fillColor?: string
+  className?: string
+}
+
+const ExternalLinkIcon: React.FC<IIconProps> = props => {
+  return (
+    <svg
+      className={props.className}
+      width="12"
+      height="12"
+      viewBox="0 0 12 12"
+      fill="currentcolor"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <path d="M1.99989 1.75C1.99989 1.33579 2.33567 1 2.74989 1H9.49989C10.3283 1 10.9999 1.67157 10.9999 2.5V9.25C10.9999 9.66421 10.6641 10 10.2499 10C9.83567 10 9.49989 9.66421 9.49989 9.25V4.16433C9.49989 3.9416 9.2306 3.83006 9.07311 3.98755L1.5606 11.5001C1.26771 11.7929 0.792837 11.7929 0.499944 11.5001C0.207051 11.2072 0.20705 10.7323 0.499943 10.4394L8.01256 2.92678C8.17005 2.76929 8.05851 2.5 7.83579 2.5H2.74989C2.33567 2.5 1.99989 2.16421 1.99989 1.75Z" />
+      </g>
+    </svg>
+  )
+}
+
+export default ExternalLinkIcon
diff --git a/src/components/general/Icon/SignatureIcon.tsx b/src/components/general/Icon/SignatureIcon.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 const SignatureIcon: React.FC = () => {
   return (
     <svg fill="none" viewBox="0 0 176 144">
-      <g fill="#3396FF" clipPath="url(#a)">
+      <g fill="#089C96" clipPath="url(#a)">
         <path
           fillOpacity=".1"
           d="M85.9 72c0-14.24 0-21.36 3.07-26.67 2-3.47 4.89-6.36 8.36-8.36 5.3-3.07 12.43-3.07 26.67-3.07 14.24 0 21.36 0 26.67 3.07 3.47 2 6.36 4.89 8.36 8.36 3.06 5.3 3.06 12.43 3.06 26.67 0 14.24 0 21.36-3.06 26.67-2 3.47-4.89 6.36-8.36 8.36-5.3 3.06-12.43 3.06-26.67 3.06-14.24 0-21.36 0-26.67-3.06-3.47-2-6.36-4.89-8.36-8.36C85.9 93.37 85.9 86.24 85.9 72Z"