Merge branch 'feat/dark-mode' into fix/bug-fixes-may26

* feat/dark-mode: (31 commits) fix: topnavbar buttons fix: update let the sats flow to use svg fix: adjust remirror theme with color mode fix: minor improvements for darkmode fix: change color mode based on system color mode fix: paragraphs padding in markdown + logo on landing color + ssr false (#915) feat: update draft modal copy (#913) fix: add spacing between project links (#912) feat: update project icon (#914) fix: mobile, sort and filter button for dark-mode fix: satoshi icon color fix: adjust project status label icon colors fix: update bolt icon to use svg icon instead of svg as image for darkmode compatibility fix: primary button to be the same fix: grant list background color fix: use modal and menu theme fix: search hover effect and background fix: modal background for dark mode fix: reverse color swap fix: geyser logo should be the same color as the let the sats (#909) ...
geyserfund · May 30, 2023 · d5102f8 · d5102f8
2 parents 94ef5f8 + 3c5f3f0
commit d5102f8
Show file tree

Hide file tree

Showing 56 changed files with 951 additions and 653 deletions.
diff --git a/src/assets/bolt.svg b/src/assets/bolt.svg
diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx
@@ -2,7 +2,6 @@ import { Image } from '@chakra-ui/image'
 import { Box } from '@chakra-ui/layout'
 import { ImageProps } from '@chakra-ui/react'
 
-import BoltSvg from '../../assets/bolt.svg'
 import {
   CrownUrl,
   EnvelopeUrl,
@@ -101,22 +100,6 @@ export const RopeIcon = (props: ImageProps) => (
   </Box>
 )
 
-export const BoltIcon = (props: ImageProps) => {
-  const scale = props.scale as number
-
-  return (
-    <Box padding="3px 0px">
-      <Image
-        height={scale ? (scale * 20).toString() + 'px' : '20px'}
-        width={scale ? (scale * 20).toString() + 'px' : '20px'}
-        src={BoltSvg}
-        alt="bolt"
-        {...props}
-      />
-    </Box>
-  )
-}
-
 export const FountainIcon = (props: ImageProps) => (
   <Box padding="3px 0px">
     <Image

diff --git a/src/components/icons/svg/BoltIcon.tsx b/src/components/icons/svg/BoltIcon.tsx
@@ -0,0 +1,19 @@
+import { Icon, IconProps } from '@chakra-ui/react'
+
+export const BoltIcon = (props: IconProps) => {
+  return (
+    <Icon
+      width="11"
+      height="13"
+      viewBox="0 0 11 13"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M10.3071 5.98674L4.22606 12.2394C3.89722 12.5776 3.35043 12.187 3.56365 11.7662L5.48526 7.97461C5.62407 7.70073 5.42506 7.37676 5.11801 7.37676H0.455092C0.0895785 7.37676 -0.0947013 6.93595 0.16206 6.6758L5.87521 0.887424C6.19412 0.564323 6.72455 0.919463 6.5473 1.3374L5.09075 4.7718C4.97475 5.04533 5.17782 5.34794 5.47491 5.34425L10.0068 5.28799C10.3733 5.28344 10.5626 5.72399 10.3071 5.98674Z"
+        fill="currentColor"
+      />
+    </Icon>
+  )
+}
diff --git a/src/components/icons/svg/GeyserLogoIcon.tsx b/src/components/icons/svg/GeyserLogoIcon.tsx
@@ -0,0 +1,15 @@
+import { Icon, IconProps } from '@chakra-ui/react'
+
+export const GeyserLogoIcon = (props: IconProps) => (
+  <Icon
+    viewBox="0 0 1148 365"
+    fill={props.color || 'black'}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M346.396 125.679C346.193 124.459 345.986 123.24 345.755 122.028C345.017 118.123 345.017 118.123 345.017 118.123C343.98 113.895 339.304 110.436 334.628 110.435L221.265 110.425C216.587 110.424 211.581 114.065 210.14 118.514L186.054 192.873C185.343 195.069 184.408 197.774 185.441 199.236C186.502 200.735 189.57 200.963 191.939 200.963H238.093C238.093 200.963 240.249 200.945 240.536 202.442C240.843 204.031 239.19 205.743 239.19 205.743L157.833 291.25C154.987 294.242 150.017 299.46 146.792 302.845L125.923 324.742C125.923 324.742 125.497 325.221 124.999 325.68C124.712 325.946 124.436 326.178 124.173 326.383C121.278 328.632 119.909 327.374 121.11 323.26L131.729 286.87C133.04 282.381 135.182 275.033 136.493 270.544L142.575 249.702C143.595 246.206 144.753 242.242 145.481 239.743C145.688 239.033 146.17 236.844 145.442 235.737C144.751 234.686 143.587 234.487 142.28 234.487C140.864 234.487 139.196 234.487 137.442 234.487H93.4839C88.8059 234.487 87.2359 232.119 89.9939 229.225C92.7519 226.331 97.6479 221.193 100.875 217.807L135.051 181.949C138.278 178.563 143.246 173.345 146.094 170.352C148.942 167.359 153.91 162.139 157.133 158.75L162.904 152.684C166.129 149.295 171.404 143.75 174.627 140.362L186.471 127.916C189.694 124.527 194.758 119.205 197.721 116.089C200.686 112.974 203.889 109.608 204.838 108.609C205.787 107.611 209.201 104.022 212.426 100.633L278.317 31.3812C281.542 27.9922 280.911 23.2282 276.919 20.7932C276.919 20.7932 267.599 15.1122 258.755 11.4192C235.769 1.81919 210.816 -1.59681 185.61 0.678194C178.503 1.32019 171.393 2.41119 164.321 3.94219C145.237 8.07619 126.546 15.3542 108.954 25.4422C97.9699 31.7382 87.4599 39.1132 77.5829 47.4572C54.3189 67.1072 34.7959 91.9432 20.9249 120.702C14.0339 134.988 8.95193 149.42 5.51493 163.704C-1.69007 193.646 -1.63107 223.046 4.49993 249.499C8.57593 267.102 15.3589 283.516 24.5589 298.092C25.1199 298.982 25.6939 299.867 26.2739 300.743C31.2249 308.225 36.8479 315.217 43.0999 321.638C52.6369 331.432 63.6919 339.937 76.2069 346.811C82.4469 350.24 88.8519 353.149 95.3729 355.575C99.0779 356.951 102.824 358.176 106.605 359.24C113.087 361.068 119.679 362.438 126.337 363.378C184.333 371.547 251.78 346.032 298.382 290.078C307.3 279.37 315.068 268.043 321.671 256.283C330.341 240.845 336.993 224.657 341.544 208.154C345.339 194.392 347.665 180.431 348.483 166.541C349.298 152.728 348.617 139.014 346.396 125.679Z"
+      fill="currentColor"
+    />
+  </Icon>
+)
diff --git a/src/components/icons/svg/LetTheSatsFlowIcon.tsx b/src/components/icons/svg/LetTheSatsFlowIcon.tsx
@@ -0,0 +1,110 @@
+import { Icon, IconProps } from '@chakra-ui/react'
+
+export const LetTheSatsFlowIcon = (props: IconProps) => {
+  return (
+    <Icon
+      width="296"
+      height="53"
+      viewBox="0 0 296 53"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g filter="url(#filter0_d_9641_42693)">
+        <path
+          d="M10 42.4602C10.3561 40.5718 10.7134 38.6382 11.1591 35.8507L14.5917 16.2481C15.0374 13.9102 15.3051 12.2465 15.5728 10.5376H21.3684C21.0123 12.2904 20.6998 13.9993 20.2989 16.3373L16.6435 37.1992H18.694C20.0312 37.1992 21.0571 37.1992 22.7504 37.154L21.8141 42.459H10V42.4602Z"
+          fill="currentColor"
+        />
+        <path
+          d="M28.902 16.3382C29.3029 13.9551 29.6154 12.2023 29.8831 10.5386H42.2761L41.4295 15.664C39.6018 15.6188 37.9073 15.6188 36.2577 15.6188H34.7424L33.3604 23.7112H39.4237L38.5771 28.6571C36.3485 28.6119 35.0549 28.6119 33.5845 28.6119H32.4702L30.955 37.3786H31.8016C34.2095 37.3786 35.7247 37.3786 37.9982 37.3334L37.0619 42.4588H24.3115C24.6676 40.7951 24.9801 38.997 25.381 36.6139L28.9032 16.337L28.902 16.3382Z"
+          fill="currentColor"
+        />
+        <path
+          d="M48.3394 15.7983H43.302L44.1934 10.5386H60.0203L59.084 15.7983H54.0466L50.436 36.6603C50.0351 38.9983 49.7226 40.7511 49.4549 42.46H43.6145C43.9706 40.7511 44.2831 38.9983 44.684 36.6151L48.3394 15.7983Z"
+          fill="currentColor"
+        />
+        <path
+          d="M73.5726 15.7983H68.5352L69.4266 10.5386H85.2534L84.3172 15.7983H79.2798L75.6692 36.6603C75.2683 38.9983 74.9558 40.7511 74.6881 42.46H68.8476C69.2037 40.7511 69.5162 38.9983 69.9171 36.6151L73.5726 15.7983Z"
+          fill="currentColor"
+        />
+        <path
+          d="M83.2465 36.6151L86.7687 16.3382C87.1696 13.9551 87.4821 12.2475 87.7497 10.5386H93.5454C93.1893 12.2475 92.8768 14.0003 92.5195 16.3834L91.2707 23.3973H96.0405L97.2892 16.3382C97.6901 13.9551 98.0026 12.2475 98.2255 10.5386H104.066C103.71 12.2475 103.397 14.0003 102.996 16.3834L99.4742 36.6603C99.0733 38.9983 98.7608 40.7511 98.4931 42.46H92.6527C93.0088 40.7511 93.3213 38.9983 93.7222 36.6151L95.149 28.5227H90.3793L88.9525 36.6603C88.5516 38.9983 88.2391 40.7511 87.9714 42.46H82.1758C82.5319 40.7511 82.8444 38.9983 83.2453 36.6151H83.2465Z"
+          fill="currentColor"
+        />
+        <path
+          d="M106.785 16.3382C107.186 13.9551 107.498 12.2023 107.766 10.5386H120.159L119.313 15.664C117.485 15.6188 115.79 15.6188 114.141 15.6188H112.625L111.244 23.7112H117.307L116.46 28.6571C114.232 28.6119 112.938 28.6119 111.468 28.6119H110.353L108.838 37.3786H109.685C112.093 37.3786 113.608 37.3786 115.881 37.3334L114.945 42.4588H102.195C102.551 40.7951 102.863 38.997 103.264 36.6139L106.786 16.337L106.785 16.3382Z"
+          fill="currentColor"
+        />
+        <path
+          d="M126.178 34.9515L126.623 32.3888L132.374 32.2545L131.884 35.0419C131.483 37.2455 132.107 38.0541 133.756 38.0541C135.406 38.0541 136.253 37.3347 136.653 35.1323L136.831 34.2785C137.232 31.8062 136.965 30.7716 133.399 28.3432C129.386 25.6009 128.317 23.6221 129.253 18.8119L129.386 18.002C130.458 12.1571 132.419 10.0439 137.992 10.0439C144.055 10.0439 145.705 12.1571 144.724 18.0472L144.323 20.34L138.572 20.5195L139.063 17.8664C139.419 15.708 139.063 14.8994 137.591 14.8994C136.209 14.8994 135.629 15.6641 135.228 17.8212L135.05 18.5859C134.559 21.0582 135.05 21.8229 138.349 24.1608C142.63 27.2182 143.521 29.1066 142.585 34.0965L142.407 34.9955C141.248 41.0199 139.287 42.9536 133.357 42.9536C127.07 42.9536 125.109 40.9747 126.179 34.9503L126.178 34.9515Z"
+          fill="currentColor"
+        />
+        <path
+          d="M162.199 10.5386C161.753 17.1921 160.727 34.9966 160.416 42.46H154.398L154.843 36.9303H150.296L148.87 42.46H142.583C144.812 34.9966 149.939 17.1921 151.812 10.5386H162.199ZM151.589 31.9392H155.289L155.735 26.2287C156.047 22.6766 156.403 18.9449 156.716 15.7983H155.69C154.888 18.9901 153.952 22.7218 153.016 26.3191L151.589 31.9392Z"
+          fill="currentColor"
+        />
+        <path
+          d="M169.466 15.7983H164.429L165.32 10.5386H181.147L180.211 15.7983H175.173L171.563 36.6603C171.162 38.9983 170.849 40.7511 170.582 42.46H164.741C165.097 40.7511 165.41 38.9983 165.811 36.6151L169.466 15.7983Z"
+          fill="currentColor"
+        />
+        <path
+          d="M178.427 34.9515L178.872 32.3888L184.623 32.2545L184.133 35.0419C183.732 37.2455 184.356 38.0541 186.005 38.0541C187.655 38.0541 188.502 37.3347 188.902 35.1323L189.081 34.2785C189.481 31.8062 189.214 30.7716 185.648 28.3432C181.635 25.6009 180.566 23.6221 181.502 18.8119L181.635 18.002C182.705 12.1571 184.667 10.0439 190.24 10.0439C196.303 10.0439 197.953 12.1571 196.972 18.0472L196.571 20.34L190.82 20.5195L191.31 17.8664C191.666 15.708 191.31 14.8994 189.839 14.8994C188.457 14.8994 187.877 15.6641 187.476 17.8212L187.298 18.5859C186.807 21.0582 187.298 21.8229 190.597 24.1608C194.876 27.2182 195.769 29.1066 194.833 34.0965L194.654 34.9955C193.495 41.0199 191.534 42.9536 185.604 42.9536C179.318 42.9536 177.357 40.9747 178.427 34.9503V34.9515Z"
+          fill="currentColor"
+        />
+        <path
+          d="M208.92 16.3382C209.321 13.9551 209.633 12.2023 209.901 10.5386H222.116L221.225 15.664C219.709 15.6188 217.97 15.6188 216.321 15.6188H214.76L213.2 24.5663H219.264L218.372 29.6465C216.723 29.6013 215.341 29.6013 213.825 29.6013H212.354L211.105 36.6603C210.704 38.9983 210.392 40.7511 210.124 42.46H204.328C204.684 40.7511 204.997 38.9983 205.398 36.6151L208.92 16.3382Z"
+          fill="currentColor"
+        />
+        <path
+          d="M219.129 42.4602C219.485 40.5718 219.843 38.6382 220.289 35.8507L223.721 16.2481C224.167 13.9102 224.434 12.2465 224.702 10.5376H230.498C230.142 12.2904 229.829 13.9993 229.428 16.3373L225.773 37.1992H227.823C229.161 37.1992 230.186 37.1992 231.88 37.154L230.944 42.459H219.129V42.4602Z"
+          fill="currentColor"
+        />
+        <path
+          d="M233.885 34.3677L236.649 18.5871C237.764 12.1584 239.993 10 246.011 10C252.698 10 254.66 12.3831 253.544 18.5871L250.825 34.3677C249.666 40.8416 247.438 43 241.419 43C234.732 43 232.77 40.6169 233.884 34.3677H233.885ZM244.896 34.4129L247.66 18.5419C248.106 16.0696 247.438 15.2598 245.699 15.2598C243.961 15.2598 242.98 16.0696 242.535 18.5419L239.771 34.4129C239.325 36.9304 240.038 37.7854 241.776 37.7854C243.514 37.7854 244.496 36.9316 244.896 34.4129Z"
+          fill="currentColor"
+        />
+        <path
+          d="M263.532 42.46H254.437C254.973 34.5471 256.087 18.2719 256.533 10.5386H262.641L260.991 24.6115C260.456 29.0174 259.965 33.4685 259.564 37.2002H260.143C261.124 33.3782 262.239 28.8378 263.443 24.3867L267.053 10.5386H275.345L274.186 24.4759C273.83 28.8818 273.428 33.3782 273.072 37.199H273.517C274.409 33.3769 275.523 28.8818 276.504 24.4307L279.714 10.5386H286C283.771 18.2719 279.179 34.5471 276.995 42.46H268.034L269.149 29.6917C269.594 25.1062 270.085 19.9808 270.575 15.394H270.486C269.327 19.9795 268.078 25.1049 266.875 29.7369L263.531 42.46H263.532Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_d_9641_42693"
+          x="0"
+          y="0"
+          width="296"
+          height="53"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="5" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_9641_42693"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_9641_42693"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </Icon>
+  )
+}
diff --git a/src/components/icons/svg/ProjectIcon.tsx b/src/components/icons/svg/ProjectIcon.tsx
@@ -3,15 +3,15 @@ import { Icon, IconProps } from '@chakra-ui/react'
 export const ProjectIcon = (props: IconProps) => {
   return (
     <Icon
-      width="28px"
-      height="29px"
-      viewBox="0 0 28 29"
+      width="26"
+      height="27"
+      viewBox="0 0 26 27"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
       <path
-        d="M27 25.3331V14.8969C27 13.4299 26.411 12.0277 25.3715 11.0202L15.7858 1.72856C14.7836 0.757146 13.2164 0.757146 12.2142 1.72856L2.62844 11.0202C1.589 12.0277 1 13.4299 1 14.8969V25.3331C1 26.806 2.16406 28 3.6 28H24.4C25.836 28 27 26.806 27 25.3331Z"
+        d="M24.55 23.1541V13.9741C24.55 12.6837 24.0335 11.4503 23.1219 10.5641L14.716 2.39087C13.8372 1.53638 12.4628 1.53638 11.584 2.39087L3.17802 10.5641C2.26651 11.4503 1.75 12.6837 1.75 13.9741V23.1541C1.75 24.4497 2.77079 25.5 4.03 25.5H22.27C23.5292 25.5 24.55 24.4497 24.55 23.1541Z"
         stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"

diff --git a/src/components/icons/svg/SatoshiIconTilted.tsx b/src/components/icons/svg/SatoshiIconTilted.tsx
@@ -1,7 +1,6 @@
 import { Icon, IconProps } from '@chakra-ui/react'
 
 export const SatoshiIconTilted = ({
-  color,
   dash,
   scale = 1,
   ...rest

diff --git a/src/components/icons/svg/index.ts b/src/components/icons/svg/index.ts
@@ -1,6 +1,8 @@
 export * from './BadgeIcon'
+export * from './BoltIcon'
 export * from './ContributionsIcon'
 export * from './GeyserLogoNameIcon'
+export * from './LetTheSatsFlowIcon'
 export * from './LightningIcon'
 export * from './MilestoneIcon'
 export * from './SatoshiIcon'

diff --git a/src/components/layouts/CardLayout.tsx b/src/components/layouts/CardLayout.tsx
@@ -25,9 +25,7 @@ export const CardLayout = forwardRef<HTMLDivElement, CardLayoutProps>(
         boxShadow="none"
         padding="24px"
         spacing="10px"
-        _hover={
-          hover ? { cursor: 'pointer', borderColor: 'neutral.400' } : {}
-        }
+        _hover={hover ? { cursor: 'pointer', borderColor: 'neutral.400' } : {}}
         _active={click ? { borderColor: 'primary.400' } : {}}
         _focus={click ? { borderColor: 'primary.400' } : {}}
         transition="border-color 0.5s"

diff --git a/src/components/molecules/ProjectDetailsMobileMenu.tsx b/src/components/molecules/ProjectDetailsMobileMenu.tsx
diff --git a/src/components/molecules/index.ts b/src/components/molecules/index.ts
@@ -10,7 +10,6 @@ export * from './DonationInput'
 export * from './FileUpload'
 export * from './IdComponent'
 export * from './projectActivity'
-export * from './ProjectDetailsMobileMenu'
 export * from './projectDisplay'
 export * from './ProjectSectionBar'
 export * from './TabComponent'

diff --git a/src/components/molecules/projectActivity/ProjectActivityActionsToolbar.tsx b/src/components/molecules/projectActivity/ProjectActivityActionsToolbar.tsx
diff --git a/src/components/molecules/projectActivity/index.ts b/src/components/molecules/projectActivity/index.ts
@@ -1,4 +1,3 @@
 export * from './ExternalAccountLinkIcon'
-export * from './ProjectActivityActionsToolbar'
 export * from './ProjectFundingContributionsFeedItem'
 export * from './ProjectFundingLeaderboardFeedItem'