User friends page base, navbar menu redesign,

osuAkatsuki · Aug 8, 2024 · 957eaa5 · 957eaa5
1 parent 63f9b54
commit 957eaa5
Show file tree

Hide file tree

Showing 9 changed files with 290 additions and 10 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -36,6 +36,7 @@ import { RegisterPage } from "./pages/RegisterPage"
 import { SupportPage } from "./pages/SupportPage"
 import { TeamPage } from "./pages/TeamPage"
 import { TermsOfServicePage } from "./pages/TermsOfServicePage"
+import { UserFriendsPage } from "./pages/UserFriendsPage"
 import { UserSettingsPage } from "./pages/UserSettings"
 
 ChartJS.register(
@@ -70,6 +71,7 @@ const router = createBrowserRouter(
       <Route path="/leaderboards" element={<LeaderboardsPage />} />
       <Route path="/u/:userId" element={<ProfilePage />} />
       <Route path="/u/:userId/settings" element={<UserSettingsPage />} />
+      <Route path="/u/:userId/friends" element={<UserFriendsPage />} />
       <Route path="/support" element={<SupportPage />} />
       <Route path="/team" element={<TeamPage />} />
       <Route path="/contact" element={<ContactPage />} />

diff --git a/src/adapters/akatsuki-api/userRelationships.ts b/src/adapters/akatsuki-api/userRelationships.ts
@@ -72,3 +72,55 @@ export const addRemoveFriend = async (
     throw new Error("Failed to add friend")
   }
 }
+
+interface UserFriendsRequest {
+  page: number
+  pageSize: number
+}
+
+export interface UserFriend {
+  id: number
+  username: string
+  username_aka: string
+  registered_on: Date
+  privileges: number
+  latest_activity: Date
+  country: string
+  is_mutual: boolean
+}
+
+export interface UserFriendsResponse {
+  code: number
+  friends: UserFriend[]
+}
+
+export const fetchUserFriends = async (
+  request: UserFriendsRequest
+): Promise<UserFriendsResponse> => {
+  try {
+    const response = await userRelationshipsApiInstance.get("/v1/friends", {
+      params: {
+        p: request.page,
+        l: request.pageSize,
+        sort: "username,asc",
+      },
+    })
+    return {
+      code: response.status,
+      friends: response.data.friends.map((friend: any) => {
+        return {
+          id: friend.id,
+          username: friend.username,
+          username_aka: friend.username_aka,
+          registered_on: new Date(friend.registered_on),
+          privileges: friend.privileges,
+          latest_activity: new Date(friend.latest_activity),
+          country: friend.country,
+          is_mutual: friend.is_mutual,
+        }
+      }),
+    }
+  } catch (e: any) {
+    throw new Error("Failed to fetch user friends data from server")
+  }
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -21,8 +21,12 @@ import {
   searchUsers,
   SingleUserSearchResult,
 } from "../adapters/akatsuki-api/search"
+import HomepageBanner from "../components/images/banners/homepage_banner.svg"
 import { Identity, useIdentityContext } from "../context/identity"
-import { UserPrivileges } from "../privileges"
+import { UserFriendsIcon } from "./images/icons/UserFriendsIcon"
+import { UserLogoutIcon } from "./images/icons/UserLogoutIcon"
+import { UserProfileIcon } from "./images/icons/UserProfileIcon"
+import { UserSettingsIcon } from "./images/icons/UserSettingsIcon"
 import { AkatsukiLogo } from "./images/logos/AkatsukiLogo"
 
 const PAGES_WITH_VISIBLE_OUTLINE = ["/"]
@@ -88,36 +92,85 @@ export const ProfileSettingsMenu = ({
         id="profile-settings-menu"
         MenuListProps={{
           "aria-labelledby": "profile-settings-button",
+          sx: { bgcolor: "#191527", paddingTop: 0 },
         }}
+        slotProps={{ paper: { sx: { width: 242 } } }}
         anchorEl={anchorEl}
         open={open}
         onClose={handleClose}
       >
+        <Box
+          p={2}
+          mb={1}
+          sx={{
+            backgroundImage: `url(${HomepageBanner})`,
+            backgroundRepeat: "no-repeat",
+            backgroundSize: "cover",
+            backgroundPosition: "center",
+          }}
+        >
+          <Stack direction="column" alignItems="center" spacing={1}>
+            <Avatar
+              alt="user-avatar"
+              src={`https://a.akatsuki.gg/${identity.userId}`}
+              variant="circular"
+              sx={{ width: 84, height: 84 }}
+            />
+            <Typography variant="h6">{identity.username}</Typography>
+          </Stack>
+        </Box>
         <MenuItem
           component={Link}
           onClick={handleClose}
           to={`/u/${identity.userId}`}
         >
-          <Typography variant="body1">Profile</Typography>
+          <Stack direction="row" alignItems="center" spacing={1}>
+            <Box width={22} height={22}>
+              <UserProfileIcon />
+            </Box>
+            <Typography variant="body1">My Profile</Typography>
+          </Stack>
         </MenuItem>
-        {identity.privileges & UserPrivileges.ADMIN_ACCESS_RAP && (
+        <MenuItem
+          component={Link}
+          onClick={handleClose}
+          to={`/u/${identity.userId}/friends`}
+        >
+          <Stack direction="row" alignItems="center" spacing={1}>
+            <Box width={22} height={22}>
+              <UserFriendsIcon />
+            </Box>
+            <Typography variant="body1">Friends</Typography>
+          </Stack>
+        </MenuItem>
+        {/* {identity.privileges & UserPrivileges.ADMIN_ACCESS_RAP && (
           <MenuItem
             component={Link}
             onClick={handleClose}
             to={process.env.REACT_APP_ADMIN_PANEL_HOME_URL}
           >
             <Typography variant="body1">Admin Panel</Typography>
           </MenuItem>
-        )}
+        )} */}
         <MenuItem
           component={Link}
           onClick={handleClose}
           to={`/u/${identity.userId}/settings`}
         >
-          <Typography variant="body1">Settings</Typography>
+          <Stack direction="row" alignItems="center" spacing={1}>
+            <Box width={22} height={22}>
+              <UserSettingsIcon />
+            </Box>
+            <Typography variant="body1">Settings</Typography>
+          </Stack>
         </MenuItem>
         <MenuItem onClick={handleLogout}>
-          <Typography variant="body1">Logout</Typography>
+          <Stack direction="row" alignItems="center" spacing={1}>
+            <Box width={22} height={22}>
+              <UserLogoutIcon />
+            </Box>
+            <Typography variant="body1">Logout</Typography>
+          </Stack>
         </MenuItem>
       </Menu>
     </>

diff --git a/src/components/images/icons/UserFriendsIcon.tsx b/src/components/images/icons/UserFriendsIcon.tsx
@@ -0,0 +1,16 @@
+export const UserFriendsIcon = () => {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.0764 13.5713C10.9979 12.9578 11.6974 12.0642 12.0716 11.0224C12.4459 9.98064 12.4749 8.8461 12.1545 7.78656C11.8341 6.72701 11.1812 5.79871 10.2923 5.13893C9.4035 4.47915 8.32595 4.12292 7.21901 4.12292C6.11207 4.12292 5.03451 4.47915 4.14568 5.13893C3.25686 5.79871 2.60396 6.72701 2.28352 7.78656C1.96309 8.8461 1.99214 9.98064 2.36637 11.0224C2.74061 12.0642 3.44016 12.9578 4.36158 13.5713C2.69482 14.1856 1.27136 15.3224 0.303616 16.812C0.252754 16.8876 0.217426 16.9725 0.199684 17.0619C0.181942 17.1512 0.182141 17.2432 0.200268 17.3325C0.218396 17.4218 0.254091 17.5066 0.305278 17.582C0.356466 17.6574 0.422124 17.7218 0.498438 17.7716C0.574752 17.8214 0.660198 17.8555 0.74981 17.8719C0.839422 17.8884 0.931413 17.8869 1.02043 17.8675C1.10946 17.8481 1.19373 17.8112 1.26837 17.7589C1.343 17.7067 1.4065 17.6401 1.45518 17.5631C2.07942 16.603 2.93361 15.814 3.94018 15.2678C4.94675 14.7217 6.07381 14.4356 7.21901 14.4356C8.36421 14.4356 9.49127 14.7217 10.4978 15.2678C11.5044 15.814 12.3586 16.603 12.9828 17.5631C13.0837 17.7129 13.2394 17.8171 13.4165 17.853C13.5935 17.889 13.7775 17.8538 13.9288 17.7551C14.0801 17.6564 14.1865 17.5022 14.225 17.3257C14.2634 17.1492 14.2309 16.9647 14.1344 16.812C13.1667 15.3224 11.7432 14.1856 10.0764 13.5713ZM3.43776 9.28127C3.43776 8.53341 3.65952 7.80234 4.07501 7.18052C4.4905 6.55869 5.08105 6.07404 5.77198 5.78785C6.46292 5.50165 7.2232 5.42677 7.95669 5.57267C8.69018 5.71857 9.36394 6.0787 9.89275 6.60752C10.4216 7.13634 10.7817 7.81009 10.9276 8.54358C11.0735 9.27707 10.9986 10.0374 10.7124 10.7283C10.4262 11.4192 9.94158 12.0098 9.31976 12.4253C8.69793 12.8407 7.96687 13.0625 7.21901 13.0625C6.21651 13.0614 5.25539 12.6626 4.54651 11.9538C3.83764 11.2449 3.43889 10.2838 3.43776 9.28127ZM21.4967 17.7633C21.344 17.8629 21.1579 17.8977 20.9795 17.8602C20.8011 17.8226 20.6449 17.7158 20.5453 17.5631C19.9218 16.6024 19.0678 15.8131 18.061 15.2671C17.0542 14.7212 15.9268 14.436 14.7815 14.4375C14.5992 14.4375 14.4243 14.3651 14.2954 14.2362C14.1664 14.1072 14.094 13.9324 14.094 13.75C14.094 13.5677 14.1664 13.3928 14.2954 13.2639C14.4243 13.1349 14.5992 13.0625 14.7815 13.0625C15.3384 13.062 15.8882 12.9385 16.3918 12.7008C16.8954 12.4632 17.3403 12.1172 17.6946 11.6877C18.049 11.2581 18.3042 10.7556 18.4418 10.2161C18.5795 9.67651 18.5963 9.1132 18.491 8.56639C18.3857 8.01959 18.161 7.50278 17.8328 7.0529C17.5047 6.60303 17.0812 6.23118 16.5926 5.96394C16.1041 5.69669 15.5626 5.54065 15.0068 5.50695C14.4509 5.47325 13.8945 5.56273 13.3773 5.769C13.293 5.80546 13.2022 5.82464 13.1103 5.82542C13.0184 5.82619 12.9273 5.80855 12.8424 5.77352C12.7575 5.7385 12.6804 5.6868 12.6158 5.62149C12.5512 5.55618 12.5003 5.47858 12.4662 5.39327C12.432 5.30797 12.4154 5.21669 12.4171 5.12483C12.4189 5.03297 12.439 4.94239 12.4764 4.85845C12.5137 4.77451 12.5675 4.69891 12.6346 4.63611C12.7016 4.57331 12.7806 4.52459 12.8668 4.49283C14.0506 4.02073 15.3672 4.00374 16.5628 4.44514C17.7583 4.88654 18.748 5.75504 19.341 6.88311C19.934 8.01118 20.0882 9.31888 19.7739 10.5539C19.4596 11.789 18.699 12.8639 17.6389 13.5713C19.3057 14.1856 20.7292 15.3224 21.6969 16.812C21.7965 16.9647 21.8313 17.1507 21.7938 17.3291C21.7562 17.5075 21.6494 17.6637 21.4967 17.7633Z"
+        fill="white"
+      />
+    </svg>
+  )
+}
diff --git a/src/components/images/icons/UserLogoutIcon.tsx b/src/components/images/icons/UserLogoutIcon.tsx
@@ -0,0 +1,16 @@
+export const UserLogoutIcon = () => {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.625 18.5625C9.625 18.7448 9.55257 18.9197 9.42364 19.0486C9.2947 19.1776 9.11984 19.25 8.9375 19.25H4.125C3.76033 19.25 3.41059 19.1051 3.15273 18.8473C2.89487 18.5894 2.75 18.2397 2.75 17.875V4.125C2.75 3.76033 2.89487 3.41059 3.15273 3.15273C3.41059 2.89487 3.76033 2.75 4.125 2.75H8.9375C9.11984 2.75 9.2947 2.82243 9.42364 2.95136C9.55257 3.0803 9.625 3.25516 9.625 3.4375C9.625 3.61984 9.55257 3.7947 9.42364 3.92364C9.2947 4.05257 9.11984 4.125 8.9375 4.125H4.125V17.875H8.9375C9.11984 17.875 9.2947 17.9474 9.42364 18.0764C9.55257 18.2053 9.625 18.3802 9.625 18.5625ZM19.0489 10.5136L15.6114 7.07609C15.4824 6.94709 15.3074 6.87462 15.125 6.87462C14.9426 6.87462 14.7676 6.94709 14.6386 7.07609C14.5096 7.2051 14.4371 7.38006 14.4371 7.5625C14.4371 7.74494 14.5096 7.9199 14.6386 8.04891L16.903 10.3125H8.9375C8.75516 10.3125 8.5803 10.3849 8.45136 10.5139C8.32243 10.6428 8.25 10.8177 8.25 11C8.25 11.1823 8.32243 11.3572 8.45136 11.4861C8.5803 11.6151 8.75516 11.6875 8.9375 11.6875H16.903L14.6386 13.9511C14.5096 14.0801 14.4371 14.2551 14.4371 14.4375C14.4371 14.6199 14.5096 14.7949 14.6386 14.9239C14.7676 15.0529 14.9426 15.1254 15.125 15.1254C15.3074 15.1254 15.4824 15.0529 15.6114 14.9239L19.0489 11.4864C19.1128 11.4226 19.1635 11.3467 19.1981 11.2633C19.2327 11.1798 19.2505 11.0903 19.2505 11C19.2505 10.9097 19.2327 10.8202 19.1981 10.7367C19.1635 10.6533 19.1128 10.5774 19.0489 10.5136Z"
+        fill="#F06060"
+      />
+    </svg>
+  )
+}
diff --git a/src/components/images/icons/UserProfileIcon.tsx b/src/components/images/icons/UserProfileIcon.tsx
@@ -0,0 +1,16 @@
+export const UserProfileIcon = () => {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M19.8445 18.2188C18.5357 15.956 16.5187 14.3335 14.1649 13.5644C15.3292 12.8713 16.2338 11.8151 16.7398 10.5581C17.2457 9.30113 17.3251 7.9128 16.9657 6.60634C16.6062 5.29988 15.8279 4.14753 14.7501 3.32625C13.6724 2.50497 12.3548 2.06018 10.9998 2.06018C9.64483 2.06018 8.32729 2.50497 7.24955 3.32625C6.1718 4.14753 5.39344 5.29988 5.034 6.60634C4.67457 7.9128 4.75392 9.30113 5.25989 10.5581C5.76585 11.8151 6.67045 12.8713 7.83476 13.5644C5.48093 14.3327 3.46398 15.9552 2.15515 18.2188C2.10715 18.297 2.07532 18.3841 2.06152 18.4749C2.04772 18.5656 2.05224 18.6583 2.07482 18.7472C2.09739 18.8362 2.13756 18.9198 2.19295 18.993C2.24835 19.0662 2.31784 19.1276 2.39734 19.1735C2.47684 19.2194 2.56473 19.249 2.65583 19.2604C2.74692 19.2718 2.83938 19.2648 2.92774 19.2399C3.01611 19.215 3.09859 19.1726 3.17032 19.1153C3.24205 19.058 3.30157 18.9869 3.34538 18.9063C4.96445 16.1081 7.82616 14.4375 10.9998 14.4375C14.1735 14.4375 17.0352 16.1081 18.6543 18.9063C18.6981 18.9869 18.7576 19.058 18.8294 19.1153C18.9011 19.1726 18.9836 19.215 19.0719 19.2399C19.1603 19.2648 19.2527 19.2718 19.3438 19.2604C19.4349 19.249 19.5228 19.2194 19.6023 19.1735C19.6818 19.1276 19.7513 19.0662 19.8067 18.993C19.8621 18.9198 19.9023 18.8362 19.9249 18.7472C19.9474 18.6583 19.9519 18.5656 19.9382 18.4749C19.9244 18.3841 19.8925 18.297 19.8445 18.2188ZM6.18734 8.25002C6.18734 7.2982 6.46958 6.36775 6.99839 5.57634C7.52719 4.78493 8.2788 4.16809 9.15817 3.80385C10.0375 3.4396 11.0052 3.3443 11.9387 3.52999C12.8722 3.71568 13.7297 4.17403 14.4028 4.84707C15.0758 5.52011 15.5342 6.37761 15.7199 7.31115C15.9056 8.24468 15.8103 9.21231 15.446 10.0917C15.0818 10.9711 14.4649 11.7227 13.6735 12.2515C12.8821 12.7803 11.9517 13.0625 10.9998 13.0625C9.7239 13.0612 8.50062 12.5537 7.59839 11.6515C6.69617 10.7492 6.1887 9.52595 6.18734 8.25002Z"
+        fill="white"
+      />
+    </svg>
+  )
+}
diff --git a/src/components/images/icons/UserSettingsIcon.tsx b/src/components/images/icons/UserSettingsIcon.tsx
@@ -0,0 +1,16 @@
+export const UserSettingsIcon = () => {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.0004 6.87504C10.1846 6.87504 9.38703 7.11697 8.70868 7.57023C8.03032 8.02349 7.50161 8.66772 7.1894 9.42147C6.87719 10.1752 6.7955 11.0046 6.95467 11.8048C7.11383 12.605 7.5067 13.34 8.08359 13.9169C8.66048 14.4937 9.39549 14.8866 10.1957 15.0458C10.9958 15.2049 11.8252 15.1233 12.579 14.811C13.3327 14.4988 13.977 13.9701 14.4302 13.2918C14.8835 12.6134 15.1254 11.8159 15.1254 11C15.1243 9.90637 14.6893 8.85782 13.916 8.08448C13.1426 7.31114 12.0941 6.87618 11.0004 6.87504ZM11.0004 13.75C10.4565 13.75 9.92482 13.5888 9.47259 13.2866C9.02035 12.9844 8.66788 12.5549 8.45974 12.0524C8.2516 11.5499 8.19714 10.997 8.30325 10.4635C8.40935 9.93009 8.67127 9.44009 9.05586 9.05549C9.44046 8.6709 9.93046 8.40899 10.4639 8.30288C10.9974 8.19677 11.5503 8.25123 12.0528 8.45937C12.5553 8.66751 12.9848 9.01999 13.2869 9.47222C13.5891 9.92446 13.7504 10.4561 13.7504 11C13.7504 11.7294 13.4607 12.4289 12.9449 12.9446C12.4292 13.4603 11.7297 13.75 11.0004 13.75ZM18.5629 11.1857C18.5663 11.0619 18.5663 10.9382 18.5629 10.8144L19.8451 9.21254C19.9123 9.12843 19.9589 9.02971 19.9809 8.92433C20.003 8.81894 20.0001 8.70985 19.9723 8.60582C19.7621 7.81571 19.4477 7.0571 19.0373 6.34996C18.9835 6.25742 18.909 6.1787 18.8194 6.12007C18.7299 6.06144 18.628 6.02451 18.5217 6.01223L16.4832 5.78535C16.3984 5.69598 16.3125 5.61004 16.2254 5.52754L15.9848 3.48395C15.9724 3.37757 15.9353 3.27555 15.8766 3.18603C15.8178 3.0965 15.7389 3.02196 15.6462 2.96832C14.9388 2.5587 14.1802 2.24458 13.3903 2.03418C13.2862 2.00651 13.1771 2.00367 13.0717 2.02592C12.9663 2.04816 12.8676 2.09485 12.7836 2.16223L11.186 3.43754C11.0623 3.43754 10.9385 3.43754 10.8148 3.43754L9.2129 2.15793C9.1288 2.0907 9.03008 2.04416 8.92469 2.02207C8.81931 1.99998 8.71021 2.00295 8.60619 2.03074C7.81621 2.24131 7.05764 2.55572 6.35033 2.96574C6.25779 3.01948 6.17907 3.09407 6.12044 3.18358C6.0618 3.2731 6.02488 3.37507 6.01259 3.48137L5.78572 5.52324C5.69634 5.60861 5.61041 5.69454 5.52791 5.78105L3.48431 6.01566C3.37793 6.02804 3.27591 6.0651 3.18639 6.12388C3.09687 6.18267 3.02232 6.26156 2.96869 6.35426C2.55906 7.06166 2.24495 7.82021 2.03455 8.61012C2.00687 8.71421 2.00404 8.82335 2.02628 8.92873C2.04852 9.03412 2.09522 9.1328 2.16259 9.21684L3.43791 10.8144C3.43791 10.9382 3.43791 11.0619 3.43791 11.1857L2.1583 12.7875C2.09107 12.8716 2.04453 12.9704 2.02244 13.0757C2.00035 13.1811 2.00332 13.2902 2.03111 13.3943C2.2413 14.1844 2.55573 14.943 2.96611 15.6501C3.01984 15.7427 3.09443 15.8214 3.18395 15.88C3.27347 15.9386 3.37543 15.9756 3.48173 15.9879L5.52017 16.2147C5.60554 16.3041 5.69147 16.39 5.77798 16.4725L6.01603 18.5161C6.02841 18.6225 6.06546 18.7245 6.12425 18.8141C6.18304 18.9036 6.26192 18.9781 6.35462 19.0318C7.06203 19.4414 7.82058 19.7555 8.61048 19.9659C8.71457 19.9936 8.82371 19.9964 8.9291 19.9742C9.03448 19.9519 9.13317 19.9052 9.2172 19.8379L10.8148 18.5625C10.9385 18.566 11.0623 18.566 11.186 18.5625L12.7879 19.8447C12.872 19.912 12.9707 19.9585 13.0761 19.9806C13.1815 20.0027 13.2906 19.9997 13.3946 19.9719C14.1847 19.7617 14.9433 19.4473 15.6505 19.0369C15.743 18.9832 15.8217 18.9086 15.8804 18.8191C15.939 18.7296 15.9759 18.6276 15.9882 18.5213L16.2151 16.4829C16.3045 16.3981 16.3904 16.3121 16.4729 16.225L18.5165 15.9844C18.6229 15.972 18.7249 15.935 18.8144 15.8762C18.9039 15.8174 18.9785 15.7385 19.0321 15.6458C19.4417 14.9384 19.7559 14.1799 19.9663 13.39C19.9939 13.2859 19.9968 13.1767 19.9745 13.0713C19.9523 12.966 19.9056 12.8673 19.8382 12.7832L18.5629 11.1857ZM17.1793 10.6271C17.1939 10.8755 17.1939 11.1246 17.1793 11.373C17.1691 11.5431 17.2224 11.7109 17.3288 11.8439L18.5483 13.3676C18.4084 13.8123 18.2292 14.2437 18.0129 14.6567L16.0707 14.8767C15.9016 14.8955 15.7454 14.9763 15.6324 15.1036C15.467 15.2896 15.2908 15.4658 15.1048 15.6312C14.9775 15.7442 14.8967 15.9004 14.8779 16.0695L14.6622 18.01C14.2493 18.2264 13.8179 18.4055 13.3731 18.5454L11.8486 17.3259C11.7266 17.2284 11.5751 17.1754 11.4189 17.1755H11.3777C11.1292 17.1901 10.8802 17.1901 10.6317 17.1755C10.4616 17.1653 10.2938 17.2186 10.1608 17.325L8.63283 18.5454C8.18813 18.4054 7.75674 18.2263 7.34376 18.01L7.12376 16.0704C7.10499 15.9012 7.02415 15.745 6.89689 15.6321C6.71084 15.4666 6.53465 15.2905 6.36923 15.1044C6.25625 14.9771 6.10009 14.8963 5.93095 14.8775L3.99048 14.661C3.77409 14.248 3.59491 13.8167 3.45509 13.3719L4.67455 11.8474C4.78103 11.7144 4.83432 11.5465 4.82408 11.3764C4.80947 11.128 4.80947 10.8789 4.82408 10.6305C4.83432 10.4604 4.78103 10.2926 4.67455 10.1596L3.45509 8.63246C3.59502 8.18776 3.77419 7.75638 3.99048 7.3434L5.93009 7.1234C6.09923 7.10462 6.25539 7.02379 6.36837 6.89652C6.5338 6.71048 6.70998 6.53429 6.89603 6.36887C7.0238 6.25581 7.10497 6.09929 7.12376 5.92973L7.33947 3.99012C7.7524 3.77372 8.18379 3.59455 8.62853 3.45473L10.1531 4.67418C10.2861 4.78066 10.4539 4.83395 10.624 4.82371C10.8724 4.8091 11.1215 4.8091 11.3699 4.82371C11.54 4.83395 11.7078 4.78066 11.8409 4.67418L13.368 3.45473C13.8127 3.59465 14.2441 3.77382 14.657 3.99012L14.877 5.92973C14.8958 6.09886 14.9767 6.25503 15.1039 6.36801C15.29 6.53343 15.4662 6.70962 15.6316 6.89566C15.7446 7.02293 15.9007 7.10376 16.0699 7.12254L18.0103 7.33824C18.2267 7.75117 18.4059 8.18257 18.5457 8.6273L17.3263 10.1518C17.2188 10.286 17.1654 10.4555 17.1767 10.6271H17.1793Z"
+        fill="white"
+      />
+    </svg>
+  )
+}