feat : [GSW-912] Leaderboard

packages/web/src/common/utils/date-util.ts

@@ -74,3 +74,36 @@ export function calculateRemainTime(time: number) {
     seconds,
   };
 }
+
+export function secondsToTime(seconds: number) {
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor((seconds % 3600) / 60);
+  const remainingSeconds = seconds % 60;
+
+  return dayjs()
+    .startOf("day")
+    .add(hours, "hour")
+    .add(minutes, "minute")
+    .add(remainingSeconds, "second")
+    .format("HH:mm:ss");
+}
+
+export function getTimeDiffInSeconds(
+  endDate: string | number | Date,
+  startDate?: string | number | Date,
+) {
+  return (
+    (new Date(endDate).getTime() -
+      new Date(startDate || Date.now()).getTime()) /
+    1000
+  );
+}
+
+export function getTimeDiffInMilliseconds(
+  endDate: string | number | Date,
+  startDate?: string | number | Date,
+) {
+  return (
+    new Date(endDate).getTime() - new Date(startDate || Date.now()).getTime()
+  );
+}

packages/web/src/components/common/error-boundary/ErrorBoundary.tsx

@@ -0,0 +1,39 @@
+import { Component, ErrorInfo, ReactNode } from "react";
+import { NextRouter, withRouter } from "next/router";
+
+interface ErrorBoundaryProps {
+  router: NextRouter;
+
+  children: ReactNode;
+  fallback?: ReactNode;
+}
+
+interface ErrorBoundaryState {
+  hasError: boolean;
+}
+
+class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  constructor(props: ErrorBoundaryProps) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    this.setState({ hasError: true });
+
+    console.error("Error caught by ErrorBoundary:", error, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) return this.props.fallback;
+
+      this.props.router.push("/500");
+      return;
+    }
+
+    return this.props.children;
+  }
+}
+
+export default withRouter(ErrorBoundary);

packages/web/src/components/common/header-side-menu-modal/HeaderSideMenuModal.tsx

@@ -13,6 +13,7 @@ import {
 import IconOpenLink from "@components/common/icons/IconOpenLink";
 import IconAccountUser from "../icons/IconAccountUser";
 import { useRouter } from "next/router";
+import IconPulse from "../icons/IconPulse";
 
 interface HeaderSideMenuModalProps {
   onSideMenuToggle: () => void;
@@ -43,6 +44,16 @@ const HeaderSideMenuModal: React.FC<HeaderSideMenuModalProps> = ({
     <HeaderSideMenuModalWrapper ref={menuRef}>
       <Navigation>
         <ul>
+        <li onClick={() => router.push(SIDE_MENU_NAV.DASHBOARD.path)}>
+            <Link href={SIDE_MENU_NAV.DASHBOARD.path}>
+              <LeftIconMenu>
+                <LeftIcon>
+                  <IconPulse className="left-icon" />
+                </LeftIcon>
+                {SIDE_MENU_NAV.DASHBOARD.title}
+              </LeftIconMenu>
+            </Link>
+          </li>
           <li onClick={() => router.push(SIDE_MENU_NAV.GOVERNENCE.path)}>
             <Link href={SIDE_MENU_NAV.GOVERNENCE.path}>
               <LeftIconMenu>

packages/web/src/components/common/icons/IconGoldMedal.tsx

@@ -0,0 +1,191 @@
+const IconGoldMedal = ({ className }: { className?: string }) => (
+  <svg
+    width="22"
+    height="24"
+    viewBox="0 0 22 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M17.7116 1.32422C18.0111 1.32422 18.2539 1.56703 18.2539 1.86656L18.2539 5.12058C18.2539 5.42011 18.0111 5.66292 17.7116 5.66292L4.15313 5.66292C3.8536 5.66292 3.61079 5.42011 3.61079 5.12058L3.61079 1.86656C3.61079 1.56703 3.8536 1.32422 4.15313 1.32422L17.7116 1.32422Z"
+      fill="#0355B6"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M18.7964 1.86593L18.7964 5.11995C18.7964 5.719 18.3108 6.20463 17.7117 6.20463L4.15327 6.20463C3.55422 6.20463 3.0686 5.719 3.0686 5.11995L3.0686 1.86592C3.0686 1.26687 3.55422 0.781249 4.15327 0.781249L17.7117 0.78125C18.3108 0.78125 18.7964 1.26688 18.7964 1.86593ZM18.254 1.86593C18.254 1.5664 18.0112 1.32359 17.7117 1.32359L4.15327 1.32359C3.85375 1.32359 3.61093 1.5664 3.61093 1.86592L3.61093 5.11995C3.61093 5.41947 3.85375 5.66229 4.15327 5.66229L17.7117 5.66229C18.0112 5.66229 18.254 5.41948 18.254 5.11995L18.254 1.86593Z"
+      fill="#023E84"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.10352 1.59539C4.10352 1.44563 4.22492 1.32422 4.37468 1.32422H17.6437C17.7935 1.32422 17.9149 1.44563 17.9149 1.59539C17.9149 1.74515 17.7935 1.86656 17.6437 1.86656H4.37468C4.22492 1.86656 4.10352 1.74515 4.10352 1.59539Z"
+      fill="#1871DA"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.00049 3.16961C4.00049 3.01984 4.12189 2.89844 4.27166 2.89844H17.5407C17.6904 2.89844 17.8118 3.01984 17.8118 3.16961C17.8118 3.31937 17.6904 3.44078 17.5407 3.44078H4.27166C4.12189 3.44078 4.00049 3.31937 4.00049 3.16961Z"
+      fill="#034492"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.00049 2.16961C4.00049 2.01984 4.12189 1.89844 4.27166 1.89844H17.5407C17.6904 1.89844 17.8118 2.01984 17.8118 2.16961C17.8118 2.31937 17.6904 2.44078 17.5407 2.44078H4.27166C4.12189 2.44078 4.00049 2.31937 4.00049 2.16961Z"
+      fill="#034492"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.00049 4.15398C4.00049 4.00422 4.12189 3.88281 4.27166 3.88281H17.5407C17.6904 3.88281 17.8118 4.00422 17.8118 4.15398C17.8118 4.30374 17.6904 4.42515 17.5407 4.42515H4.27166C4.12189 4.42515 4.00049 4.30374 4.00049 4.15398Z"
+      fill="#034492"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.10352 5.05242C4.10352 4.90266 4.22492 4.78125 4.37468 4.78125H17.6437C17.7935 4.78125 17.9149 4.90266 17.9149 5.05242C17.9149 5.20218 17.7935 5.32359 17.6437 5.32359H4.37468C4.22492 5.32359 4.10352 5.20218 4.10352 5.05242Z"
+      fill="#034492"
+    />
+    <path
+      d="M4.45136 1.53583C4.23957 1.32404 3.89618 1.32404 3.68438 1.53583L1.38344 3.83678C1.17164 4.04857 1.17164 4.39196 1.38344 4.60376L10.6337 13.8541C10.8455 14.0659 11.1889 14.0659 11.4007 13.8541L13.7017 11.5531C13.9135 11.3413 13.9135 10.9979 13.7017 10.7861L4.45136 1.53583Z"
+      fill="#086FE9"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.30089 1.14979L0.999946 3.45074C0.576354 3.87433 0.576354 4.56111 0.999946 4.9847L10.2502 14.235C10.6738 14.6586 11.3606 14.6586 11.7842 14.235L14.0852 11.9341C14.5087 11.5105 14.5087 10.8237 14.0852 10.4001L4.83485 1.14979C4.41126 0.726201 3.72448 0.726202 3.30089 1.14979ZM3.68438 1.53328C3.89618 1.32149 4.23957 1.32149 4.45136 1.53328L13.7017 10.7836C13.9135 10.9954 13.9135 11.3388 13.7017 11.5506L11.4007 13.8515C11.1889 14.0633 10.8455 14.0633 10.6337 13.8515L1.38344 4.60121C1.17164 4.38941 1.17164 4.04602 1.38344 3.83423L3.68438 1.53328Z"
+      fill="#023E84"
+    />
+    <path
+      d="M17.413 1.54504C17.6239 1.32827 17.9714 1.32589 18.1852 1.53974L20.4861 3.84061C20.6959 4.05036 20.6982 4.38969 20.4913 4.6023L11.5017 13.8421C11.2908 14.0588 10.9433 14.0612 10.7295 13.8474L8.42861 11.5465C8.21887 11.3368 8.21654 10.9974 8.42339 10.7848L17.413 1.54504Z"
+      fill="#086FE9"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M18.5687 1.15761L20.8696 3.45848C21.2891 3.87797 21.2938 4.55664 20.8801 4.98185L11.8904 14.2216C11.4686 14.6552 10.7737 14.6599 10.346 14.2322L8.04512 11.9313C7.62563 11.5119 7.62098 10.8332 8.03467 10.408L17.0243 1.1682C17.4461 0.734668 18.141 0.7299 18.5687 1.15761ZM18.1852 1.5411C17.9714 1.32724 17.6239 1.32963 17.413 1.5464L8.42339 10.7862C8.21654 10.9988 8.21887 11.3381 8.42861 11.5479L10.7295 13.8487C10.9433 14.0626 11.2908 14.0602 11.5017 13.8434L20.4913 4.60365C20.6982 4.39105 20.6959 4.05171 20.4861 3.84197L18.1852 1.5411Z"
+      fill="#023E84"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M17.8512 1.77386C17.9576 1.87928 17.9584 2.05097 17.853 2.15735L12.311 7.75021C12.2055 7.85659 12.0338 7.85737 11.9275 7.75196C11.8211 7.64654 11.8203 7.47485 11.9257 7.36847L17.4677 1.77561C17.5731 1.66923 17.7448 1.66845 17.8512 1.77386Z"
+      fill="#3D96FF"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1.45296 4.04817C1.55886 3.94228 1.73055 3.94228 1.83645 4.04817L5.36164 7.57337C5.46754 7.67927 5.46754 7.85096 5.36164 7.95686C5.25575 8.06276 5.08405 8.06276 4.97815 7.95686L1.45296 4.43166C1.34706 4.32577 1.34706 4.15407 1.45296 4.04817Z"
+      fill="#3D96FF"
+    />
+    <path
+      d="M18.9546 3.3263C18.846 3.43488 18.6721 3.43702 18.5662 3.33109C18.4603 3.22516 18.4624 3.05127 18.571 2.94269C18.6796 2.83411 18.8535 2.83197 18.9594 2.9379C19.0653 3.04383 19.0632 3.21772 18.9546 3.3263Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M18.1296 3.99906C17.9945 4.13412 17.7782 4.13679 17.6465 4.00503C17.5147 3.87326 17.5174 3.65695 17.6524 3.52189C17.7875 3.38683 18.0038 3.38416 18.1356 3.51593C18.2673 3.64769 18.2647 3.864 18.1296 3.99906Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M19.0079 4.21242C18.9404 4.27995 18.8322 4.28129 18.7663 4.2154C18.7005 4.14952 18.7018 4.04137 18.7693 3.97384C18.8369 3.90631 18.945 3.90497 19.0109 3.97085C19.0768 4.03674 19.0754 4.14489 19.0079 4.21242Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M17.0553 6.50148C16.9877 6.56901 16.8796 6.57035 16.8137 6.50447C16.7478 6.43858 16.7492 6.33043 16.8167 6.2629C16.8842 6.19537 16.9924 6.19403 17.0583 6.25992C17.1241 6.3258 17.1228 6.43395 17.0553 6.50148Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M18.0357 4.9468C17.9682 5.01433 17.8601 5.01566 17.7942 4.94978C17.7283 4.8839 17.7296 4.77574 17.7972 4.70821C17.8647 4.64068 17.9728 4.63935 18.0387 4.70523C18.1046 4.77111 18.1033 4.87927 18.0357 4.9468Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M17.0514 7.43508C16.9838 7.50261 16.8757 7.50394 16.8098 7.43806C16.7439 7.37218 16.7453 7.26402 16.8128 7.19649C16.8803 7.12896 16.9885 7.12763 17.0544 7.19351C17.1202 7.25939 17.1189 7.36755 17.0514 7.43508Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M17.2994 4.73977C17.2319 4.8073 17.1237 4.80863 17.0578 4.74275C16.992 4.67686 16.9933 4.56871 17.0608 4.50118C17.1284 4.43365 17.2365 4.43232 17.3024 4.4982C17.3683 4.56408 17.3669 4.67223 17.2994 4.73977Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M17.8492 6.66945C17.7817 6.73698 17.6735 6.73832 17.6077 6.67243C17.5418 6.60655 17.5431 6.4984 17.6106 6.43087C17.6782 6.36334 17.7863 6.362 17.8522 6.42789C17.9181 6.49377 17.9168 6.60192 17.8492 6.66945Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M19.8268 3.78273C19.7592 3.85026 19.6511 3.8516 19.5852 3.78572C19.5193 3.71983 19.5206 3.61168 19.5882 3.54415C19.6557 3.47662 19.7639 3.47528 19.8297 3.54117C19.8956 3.60705 19.8943 3.7152 19.8268 3.78273Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M18.9325 5.20056C18.8226 5.31046 18.6465 5.31264 18.5393 5.20541C18.4321 5.09819 18.4343 4.92218 18.5442 4.81228C18.6541 4.70237 18.8301 4.7002 18.9373 4.80742C19.0445 4.91465 19.0424 5.09066 18.9325 5.20056Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M19.9798 4.54041C19.8699 4.65031 19.6939 4.65248 19.5867 4.54526C19.4795 4.43804 19.4816 4.26202 19.5915 4.15212C19.7014 4.04222 19.8774 4.04005 19.9847 4.14727C20.0919 4.25449 20.0897 4.4305 19.9798 4.54041Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M17.8577 5.89978C17.7478 6.00968 17.5718 6.01186 17.4646 5.90463C17.3574 5.79741 17.3596 5.6214 17.4695 5.5115C17.5794 5.40159 17.7554 5.39942 17.8626 5.50664C17.9698 5.61386 17.9676 5.78988 17.8577 5.89978Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M18.6197 6.01711C18.5522 6.08464 18.444 6.08597 18.3782 6.02009C18.3123 5.95421 18.3136 5.84605 18.3811 5.77852C18.4487 5.71099 18.5568 5.70966 18.6227 5.77554C18.6886 5.84143 18.6873 5.94958 18.6197 6.01711Z"
+      fill="#055EC8"
+    />
+    <path
+      d="M18.356 15.5247C18.356 19.5683 15.078 22.8462 11.0344 22.8462C6.99086 22.8462 3.71289 19.5683 3.71289 15.5247C3.71289 11.4811 6.99086 8.20312 11.0344 8.20312C15.078 8.20312 18.356 11.4811 18.356 15.5247Z"
+      fill="#FFBB0D"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M18.8977 15.5241C18.8977 19.8672 15.3769 23.3879 11.0338 23.3879C6.69071 23.3879 3.16992 19.8672 3.16992 15.5241C3.16992 11.1809 6.69071 7.66016 11.0338 7.66016C15.3769 7.66016 18.8977 11.1809 18.8977 15.5241ZM11.0338 22.8456C15.0774 22.8456 18.3554 19.5676 18.3554 15.5241C18.3554 11.4805 15.0774 8.20249 11.0338 8.20249C6.99023 8.20249 3.71226 11.4805 3.71226 15.5241C3.71226 19.5676 6.99023 22.8456 11.0338 22.8456Z"
+      fill="#E89B05"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.2543 15.793C4.10454 15.793 3.98313 15.6716 3.98313 15.5218C3.98313 11.628 7.1397 8.47141 11.0335 8.47141C11.1833 8.47141 11.3047 8.59282 11.3047 8.74258C11.3047 8.89234 11.1833 9.01375 11.0335 9.01375C7.43922 9.01375 4.52547 11.9275 4.52547 15.5218C4.52547 15.6716 4.40406 15.793 4.2543 15.793Z"
+      fill="#E8AA0A"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M17.8131 15.2539C17.9628 15.2539 18.0843 15.3753 18.0843 15.5251C18.0843 19.4189 14.9277 22.5755 11.0339 22.5755C10.8841 22.5755 10.7627 22.4541 10.7627 22.3043C10.7627 22.1545 10.8841 22.0331 11.0339 22.0331C14.6282 22.0331 17.5419 19.1194 17.5419 15.5251C17.5419 15.3753 17.6633 15.2539 17.8131 15.2539Z"
+      fill="#E8AA0A"
+    />
+    <path
+      d="M16.4571 15.5249C16.4571 18.5202 14.029 20.9483 11.0337 20.9483C8.03848 20.9483 5.61035 18.5202 5.61035 15.5249C5.61035 12.5297 8.03848 10.1016 11.0337 10.1016C14.029 10.1016 16.4571 12.5297 16.4571 15.5249Z"
+      fill="#FFDD28"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.9998 15.5243C16.9998 18.8191 14.3288 21.49 11.0341 21.49C7.7393 21.49 5.06836 18.8191 5.06836 15.5243C5.06836 12.2295 7.7393 9.55859 11.0341 9.55859C14.3288 9.55859 16.9998 12.2295 16.9998 15.5243ZM11.0341 20.9477C14.0293 20.9477 16.4574 18.5196 16.4574 15.5243C16.4574 12.5291 14.0293 10.1009 11.0341 10.1009C8.03883 10.1009 5.6107 12.5291 5.6107 15.5243C5.6107 18.5196 8.03883 20.9477 11.0341 20.9477Z"
+      fill="#E89B05"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.0333 20.1334C13.5793 20.1334 15.6432 18.0695 15.6432 15.5236C15.6432 15.3738 15.7646 15.2524 15.9144 15.2524C16.0641 15.2524 16.1855 15.3738 16.1855 15.5236C16.1855 18.3691 13.8788 20.6758 11.0333 20.6758C10.8836 20.6758 10.7622 20.5544 10.7622 20.4046C10.7622 20.2548 10.8836 20.1334 11.0333 20.1334Z"
+      fill="#ECC704"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.034 10.9134C8.48808 10.9134 6.42417 12.9773 6.42417 15.5233C6.42417 15.6731 6.30277 15.7945 6.153 15.7945C6.00324 15.7945 5.88184 15.6731 5.88184 15.5233C5.88184 12.6778 8.18856 10.3711 11.034 10.3711C11.1838 10.3711 11.3052 10.4925 11.3052 10.6423C11.3052 10.792 11.1838 10.9134 11.034 10.9134Z"
+      fill="#FFEF9C"
+    />
+    <path
+      d="M11.6807 17.6957H10.7623V14.1556L9.66602 14.4957V13.7489L11.5822 13.0625H11.6807V17.6957Z"
+      fill="#FFEF9C"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.2224 17.695C12.2224 17.9946 11.9796 18.2374 11.6801 18.2374H10.7617C10.4622 18.2374 10.2194 17.9946 10.2194 17.695V14.891L9.82604 15.013C9.66145 15.0641 9.4824 15.0339 9.34367 14.9316C9.20494 14.8294 9.12305 14.6674 9.12305 14.495V13.7483C9.12305 13.5193 9.2669 13.3149 9.48249 13.2377L11.3987 12.5513C11.4574 12.5303 11.5192 12.5195 11.5816 12.5195H11.6801C11.9796 12.5195 12.2224 12.7623 12.2224 13.0619V17.695ZM10.7617 14.155V17.695H11.6801V13.0619H11.5816L9.66538 13.7483V14.495L10.7617 14.155Z"
+      fill="#E89B05"
+    />
+  </svg>
+);
+
+export default IconGoldMedal;

packages/web/src/components/common/icons/IconMeLogo.tsx

@@ -0,0 +1,57 @@
+import { useTheme } from "@emotion/react";
+
+const IconMeLogo = ({ className }: { className?: string }) => {
+  const theme = useTheme();
+
+  return theme.themeKey === "light" ? (
+    <svg
+      width="34"
+      height="20"
+      viewBox="0 0 34 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <rect
+        x="0.5"
+        y="0.5"
+        width="33"
+        height="19"
+        rx="3.5"
+        fill="#E0E8F4"
+        fill-opacity="0.4"
+      />
+      <rect x="0.5" y="0.5" width="33" height="19" rx="3.5" stroke="#E0E8F4" />
+      <path
+        d="M9.14631 5.77273H10.7443L13.5227 12.5568H13.625L16.4034 5.77273H18.0014V14.5H16.7486V8.18466H16.6676L14.0938 14.4872H13.054L10.4801 8.1804H10.3991V14.5H9.14631V5.77273ZM22.6346 14.6321C21.9897 14.6321 21.4343 14.4943 20.9684 14.2188C20.5053 13.9403 20.1474 13.5497 19.8945 13.0469C19.6445 12.5412 19.5195 11.9489 19.5195 11.2699C19.5195 10.5994 19.6445 10.0085 19.8945 9.49716C20.1474 8.9858 20.4996 8.58665 20.9513 8.29972C21.4059 8.01278 21.9371 7.86932 22.5451 7.86932C22.9144 7.86932 23.2724 7.9304 23.619 8.05256C23.9656 8.17472 24.2766 8.36648 24.5522 8.62784C24.8278 8.8892 25.0451 9.22869 25.2042 9.64631C25.3633 10.0611 25.4428 10.5653 25.4428 11.1591V11.6108H20.2397V10.6562H24.1942C24.1942 10.321 24.1261 10.0241 23.9897 9.76562C23.8533 9.50426 23.6616 9.2983 23.4144 9.14773C23.1701 8.99716 22.8832 8.92188 22.5536 8.92188C22.1957 8.92188 21.8832 9.00994 21.6161 9.18608C21.3519 9.35937 21.1474 9.58665 21.0025 9.8679C20.8604 10.1463 20.7894 10.4489 20.7894 10.7756V11.5213C20.7894 11.9588 20.8661 12.331 21.0195 12.6378C21.1758 12.9446 21.3931 13.179 21.6715 13.3409C21.9499 13.5 22.2752 13.5795 22.6474 13.5795C22.8888 13.5795 23.109 13.5455 23.3079 13.4773C23.5067 13.4062 23.6786 13.3011 23.8235 13.1619C23.9684 13.0227 24.0792 12.8509 24.1559 12.6463L25.3619 12.8636C25.2653 13.2187 25.092 13.5298 24.842 13.7969C24.5948 14.0611 24.2837 14.267 23.9087 14.4148C23.5366 14.5597 23.1119 14.6321 22.6346 14.6321Z"
+        fill="#90A2C0"
+      />
+    </svg>
+  ) : (
+    <svg
+      width="34"
+      height="20"
+      viewBox="0 0 34 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <rect
+        x="0.5"
+        y="0.5"
+        width="33"
+        height="19"
+        rx="3.5"
+        fill="#141A29"
+        fill-opacity="0.5"
+      />
+      <rect x="0.5" y="0.5" width="33" height="19" rx="3.5" stroke="#596782" />
+      <path
+        d="M9.14631 5.77273H10.7443L13.5227 12.5568H13.625L16.4034 5.77273H18.0014V14.5H16.7486V8.18466H16.6676L14.0938 14.4872H13.054L10.4801 8.1804H10.3991V14.5H9.14631V5.77273ZM22.6346 14.6321C21.9897 14.6321 21.4343 14.4943 20.9684 14.2188C20.5053 13.9403 20.1474 13.5497 19.8945 13.0469C19.6445 12.5412 19.5195 11.9489 19.5195 11.2699C19.5195 10.5994 19.6445 10.0085 19.8945 9.49716C20.1474 8.9858 20.4996 8.58665 20.9513 8.29972C21.4059 8.01278 21.9371 7.86932 22.5451 7.86932C22.9144 7.86932 23.2724 7.9304 23.619 8.05256C23.9656 8.17472 24.2766 8.36648 24.5522 8.62784C24.8278 8.8892 25.0451 9.22869 25.2042 9.64631C25.3633 10.0611 25.4428 10.5653 25.4428 11.1591V11.6108H20.2397V10.6562H24.1942C24.1942 10.321 24.1261 10.0241 23.9897 9.76562C23.8533 9.50426 23.6616 9.2983 23.4144 9.14773C23.1701 8.99716 22.8832 8.92188 22.5536 8.92188C22.1957 8.92188 21.8832 9.00994 21.6161 9.18608C21.3519 9.35937 21.1474 9.58665 21.0025 9.8679C20.8604 10.1463 20.7894 10.4489 20.7894 10.7756V11.5213C20.7894 11.9588 20.8661 12.331 21.0195 12.6378C21.1758 12.9446 21.3931 13.179 21.6715 13.3409C21.9499 13.5 22.2752 13.5795 22.6474 13.5795C22.8888 13.5795 23.109 13.5455 23.3079 13.4773C23.5067 13.4062 23.6786 13.3011 23.8235 13.1619C23.9684 13.0227 24.0792 12.8509 24.1559 12.6463L25.3619 12.8636C25.2653 13.2187 25.092 13.5298 24.842 13.7969C24.5948 14.0611 24.2837 14.267 23.9087 14.4148C23.5366 14.5597 23.1119 14.6321 22.6346 14.6321Z"
+        fill="#C3D2EA"
+      />
+    </svg>
+  );
+};
+
+export default IconMeLogo;