fix: footer - medusa logo

mikolajbrzostowski · May 12, 2023 · 2edef84 · 2edef84
1 parent 6c318b2
commit 2edef84
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 4 deletions.
diff --git a/components/icons/medusa.tsx b/components/icons/medusa.tsx
@@ -0,0 +1,41 @@
+export default function MedusaIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      width="100"
+      height="24"
+      viewBox="0 0 100 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M36.1237 17.3933H33.7586V11.2205C33.7586 10.5323 33.5912 9.99157 33.2563 9.59832C32.9214 9.19101 32.461 8.98736 31.8749 8.98736C31.2052 8.98736 30.6819 9.21208 30.3052 9.66152C29.9424 10.111 29.761 10.7289 29.761 11.5154V17.3933H27.375V7.07023H29.7191V7.97612C30.361 7.20365 31.247 6.81742 32.3772 6.81742C33.647 6.81742 34.6028 7.26685 35.2446 8.16573C36.04 7.26685 37.1074 6.81742 38.4469 6.81742C39.7864 6.81742 40.798 7.21067 41.4817 7.99719C42.1794 8.76966 42.5282 9.90028 42.5282 11.389V17.3933H40.1422V11.2205C40.1422 10.5323 39.9748 9.99157 39.6399 9.59832C39.305 9.19101 38.8446 8.98736 38.2585 8.98736C37.5888 8.98736 37.0655 9.2191 36.6888 9.68258C36.3121 10.132 36.1237 10.743 36.1237 11.5154V17.3933Z"
+        fill="currentColor"
+      />
+      <path
+        d="M53.9263 12.1053L53.9054 12.948H46.8939C46.9497 13.7205 47.2218 14.3315 47.7102 14.7809C48.1985 15.2303 48.8264 15.4551 49.5939 15.4551C50.6962 15.4551 51.5752 14.9705 52.231 14.0014L53.8426 15.5183C52.7543 16.9228 51.338 17.625 49.5939 17.625C48.0451 17.625 46.8032 17.1334 45.8683 16.1503C44.9195 15.1531 44.4451 13.868 44.4451 12.2949C44.4451 10.764 44.8777 9.46489 45.7428 8.39747C46.6218 7.3441 47.7869 6.81742 49.2381 6.81742C50.7869 6.81742 51.952 7.33708 52.7333 8.3764C53.5287 9.41573 53.9263 10.6587 53.9263 12.1053ZM49.259 9.00843C48.659 9.00843 48.1637 9.19803 47.773 9.57725C47.3962 9.95646 47.1451 10.441 47.0195 11.0309H51.3938C51.3799 10.4551 51.1915 9.97753 50.8287 9.59832C50.4659 9.20506 49.9427 9.00843 49.259 9.00843Z"
+        fill="currentColor"
+      />
+      <path
+        d="M60.7454 6.81742C61.8896 6.81742 62.8454 7.15449 63.6128 7.82865V2.625H65.9988V17.3933H63.6547V16.4663C62.9291 17.2388 61.9593 17.625 60.7454 17.625C59.2943 17.625 58.0943 17.1194 57.1455 16.1081C56.2106 15.0829 55.7432 13.7907 55.7432 12.2317C55.7432 10.6728 56.2106 9.38062 57.1455 8.35534C58.0803 7.33006 59.2803 6.81742 60.7454 6.81742ZM62.9221 9.87219C62.4337 9.25421 61.764 8.94522 60.9128 8.94522C60.0617 8.94522 59.3919 9.25421 58.9036 9.87219C58.4152 10.4902 58.171 11.2767 58.171 12.2317C58.171 13.1868 58.4152 13.9733 58.9036 14.5913C59.3919 15.2093 60.0617 15.5183 60.9128 15.5183C61.764 15.5183 62.4337 15.2093 62.9221 14.5913C63.4105 13.9733 63.6547 13.1868 63.6547 12.2317C63.6547 11.2767 63.4105 10.4902 62.9221 9.87219Z"
+        fill="currentColor"
+      />
+      <path
+        d="M68.4165 7.07023H70.8025V13.243C70.8025 13.9312 70.97 14.4789 71.3048 14.8862C71.6397 15.2795 72.1141 15.4761 72.7281 15.4761C73.3839 15.4761 73.9002 15.2444 74.2769 14.7809C74.6676 14.3034 74.8629 13.6713 74.8629 12.8848V7.07023H77.2489V17.3933H74.9048V16.5506C74.249 17.2669 73.363 17.625 72.2467 17.625C71.0746 17.625 70.1398 17.2247 69.4421 16.4242C68.7584 15.6096 68.4165 14.493 68.4165 13.0744V7.07023Z"
+        fill="currentColor"
+      />
+      <path
+        d="M84.1103 13.4958L82.7499 13.1587C80.6709 12.6671 79.6313 11.5787 79.6313 9.89326C79.6313 8.96629 79.9802 8.22191 80.6778 7.66011C81.3755 7.09831 82.2755 6.81742 83.3778 6.81742C84.8568 6.81742 86.1475 7.39326 87.2498 8.54494L85.7219 10.1882C85.094 9.31742 84.2917 8.88202 83.315 8.88202C82.8964 8.88202 82.5546 8.98034 82.2894 9.17697C82.0383 9.35955 81.9127 9.58427 81.9127 9.85112C81.9127 10.3287 82.2476 10.6517 82.9173 10.8202L84.5289 11.1994C86.6219 11.677 87.6684 12.7514 87.6684 14.4228C87.6684 15.3778 87.3056 16.1503 86.5801 16.7402C85.8684 17.3301 84.8778 17.625 83.608 17.625C81.822 17.625 80.4058 16.9579 79.3593 15.6236L80.8662 14.0646C81.6197 15.0618 82.5964 15.5604 83.7964 15.5604C84.8429 15.5604 85.3661 15.2093 85.3661 14.507C85.3661 14.0576 84.9475 13.7205 84.1103 13.4958Z"
+        fill="currentColor"
+      />
+      <path
+        d="M92.6007 17.625C91.61 17.625 90.7868 17.3441 90.1309 16.7823C89.4751 16.2065 89.1472 15.441 89.1472 14.486C89.1472 13.3904 89.5379 12.5407 90.3193 11.9368C91.1007 11.3329 92.1332 11.0309 93.4169 11.0309C94.0588 11.0309 94.7495 11.1503 95.489 11.389V10.6938C95.489 10.1882 95.3006 9.7809 94.9239 9.47191C94.5472 9.14888 94.0658 8.98736 93.4797 8.98736C92.4053 8.98736 91.596 9.48596 91.0519 10.4831L89.4403 8.96629C89.817 8.27809 90.3682 7.7514 91.0937 7.38624C91.8332 7.00702 92.6356 6.81742 93.5007 6.81742C94.8541 6.81742 95.9215 7.15449 96.7029 7.82865C97.4843 8.50281 97.875 9.46489 97.875 10.7149V17.3933H95.5309V16.5927C94.7634 17.2809 93.7867 17.625 92.6007 17.625ZM91.5332 14.3174C91.5332 14.6685 91.6658 14.9565 91.9309 15.1812C92.21 15.4059 92.5937 15.5183 93.0821 15.5183C94.0867 15.5183 94.889 15.2233 95.489 14.6334V13.4537C94.7355 13.1728 94.0239 13.0323 93.3541 13.0323C92.796 13.0323 92.3495 13.1447 92.0146 13.3694C91.6937 13.5941 91.5332 13.9101 91.5332 14.3174Z"
+        fill="currentColor"
+      />
+      <path
+        d="M18.6656 4.78218L13.8255 1.99752C12.2418 1.08416 10.3013 1.08416 8.71768 1.99752L3.85524 4.78218C2.29391 5.69554 1.3125 7.38861 1.3125 9.19307V14.7847C1.3125 16.6114 2.29391 18.2822 3.85524 19.1955L8.69538 22.0025C10.279 22.9158 12.2195 22.9158 13.8032 22.0025L18.6433 19.1955C20.2269 18.2822 21.186 16.6114 21.186 14.7847V9.19307C21.2307 7.38861 20.2492 5.69554 18.6656 4.78218ZM11.2604 16.9678C8.51694 16.9678 6.28646 14.7401 6.28646 12C6.28646 9.2599 8.51694 7.03218 11.2604 7.03218C14.0039 7.03218 16.2567 9.2599 16.2567 12C16.2567 14.7401 14.0262 16.9678 11.2604 16.9678Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/components/layout/footer.tsx b/components/layout/footer.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link';
 
 import GitHubIcon from 'components/icons/github';
 import LogoIcon from 'components/icons/logo';
-import VercelIcon from 'components/icons/vercel';
+import MedusaIcon from 'components/icons/medusa';
 import { getMenu } from 'lib/medusa';
 import { Menu } from 'lib/medusa/types';
 
@@ -55,12 +55,12 @@ export default async function Footer() {
             <span className="text-black dark:text-white">Created by</span>
             <a
               rel="noopener noreferrer"
-              href="https://vercel.com"
-              aria-label="Vercel.com Link"
+              href="https://medusajs.com"
+              aria-label="Vmedusajs.com Link"
               target="_blank"
               className="text-black dark:text-white"
             >
-              <VercelIcon className="ml-3 inline-block h-6" />
+              <MedusaIcon className="ml-3 inline-block h-6" />
             </a>
           </div>
         </div>