From ce2dffde95a20dd6749215a3210808ad55fe7b7e Mon Sep 17 00:00:00 2001
From: LightQuantum <self@lightquantum.me>
Date: Wed, 12 Jun 2024 05:11:27 +0800
Subject: [PATCH] fix: footer logo (#91)

---
 src/app/docs/layout.tsx      | 6 +++---
 src/components/SearchBar.tsx | 2 +-
 src/parts/docNav.tsx         | 2 +-
 src/parts/footer.tsx         | 6 ++++--
 src/parts/news.tsx           | 8 ++++----
 src/parts/repos.tsx          | 4 ++--
 6 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/app/docs/layout.tsx b/src/app/docs/layout.tsx
index 124298e..a81bd86 100644
--- a/src/app/docs/layout.tsx
+++ b/src/app/docs/layout.tsx
@@ -1,4 +1,4 @@
-import {Box, Container, Grid, GridCol, Group, Stack} from "@mantine/core";
+import {Box, Container, Grid, GridCol, Group} from "@mantine/core";
 import classes from "@/app/global.module.css";
 import {ReactNode} from "react";
 import {articlesFromHelps, getHelp} from "@/serverRpcs";
@@ -16,7 +16,7 @@ export default async function DocsLayout({
     <Container className={classes.container}>
       <Grid>
         <GridCol span={2} visibleFrom={"md"}>
-          <Box style={{position: "sticky", top:20}} mt={20}>
+          <Box style={{position: "sticky", top: 20}} mt={20}>
             <DocNav articles={articles}/>
           </Box>
         </GridCol>
@@ -24,7 +24,7 @@ export default async function DocsLayout({
         <GridCol span={{base: 12, xs: 10}}>
           <Group hiddenFrom={"md"} style={{position: "sticky", top: 40}} mb={-40}>
             <Box ml={"auto"} mr={"xl"}>
-              <DocSearch articles={articles} variant={"mini"} />
+              <DocSearch articles={articles} variant={"mini"}/>
             </Box>
           </Group>
           {children}
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 95c620f..0ed309f 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import {Ref, useRef} from "react";
-import {getHotkeyHandler, HotkeyItem, mergeRefs, useHotkeys} from "@mantine/hooks";
+import {getHotkeyHandler, mergeRefs, useHotkeys} from "@mantine/hooks";
 import {Badge, TextInput, TextInputProps} from "@mantine/core";
 import {IconSearch} from "@tabler/icons-react";
 import classes from "@/app/global.module.css";
diff --git a/src/parts/docNav.tsx b/src/parts/docNav.tsx
index 58daf11..260baa8 100644
--- a/src/parts/docNav.tsx
+++ b/src/parts/docNav.tsx
@@ -17,7 +17,7 @@ export const DocNav = ({articles}: DocNavProps) => {
   return (
     <>
       <Box my={"sm"}>
-        <DocSearch articles={articles} variant={"full"} />
+        <DocSearch articles={articles} variant={"full"}/>
       </Box>
       {/*<Box style={{position: "sticky", top: 0}} p={"md"} bg={"var(--mantine-color-body)"}>*/}
       {/*  <DocSearch articles={articles} variant={"full"} />*/}
diff --git a/src/parts/footer.tsx b/src/parts/footer.tsx
index d867ca6..b2b8040 100644
--- a/src/parts/footer.tsx
+++ b/src/parts/footer.tsx
@@ -1,7 +1,8 @@
 import {Anchor, Box, Center, Container, Group, Image, Stack, Text} from "@mantine/core";
+import NextImage from "next/image";
 import classes from "@/app/global.module.css";
 import {IconMail, IconMessageDots} from "@tabler/icons-react";
-import imgSjtugText from "@/assets/sjtug.svg"
+import imgSjtug from "@/assets/sjtug.svg"
 
 export const Footer = () => (
   <Stack bg={"var(--mantine-color-footer)"} w={"100%"} py={"xxxl"}>
@@ -9,7 +10,8 @@ export const Footer = () => (
       <Group align="center" justify={"center"} gap={"xl"}>
         <Group justify={"center"} style={{flex: 3, flexWrap: "nowrap"}} miw={"min(100%, 30em)"}>
           <Box style={{flex: 1}} maw={"20em"} mb={"auto"}>
-            <Image alt={"SJTUG Logo"} src={imgSjtugText} w={"100%"}/>
+            <Image component={NextImage} alt={"SJTUG Logo"} src={imgSjtug} sizes="100vw"
+                   w={"100%"} h={"auto"}/>
           </Box>
           <Stack className={classes.textNormal} gap={"xs"} style={{flex: 3}} miw={"min(100%, 15em)"}>
             <Text fw={700} inherit>SJTUG Siyuan Mirror</Text>
diff --git a/src/parts/news.tsx b/src/parts/news.tsx
index 0a28c2e..d268c9a 100644
--- a/src/parts/news.tsx
+++ b/src/parts/news.tsx
@@ -1,7 +1,7 @@
-import {Anchor, Box, Group, Stack, Text} from "@mantine/core";
+import {Anchor, Box, Stack, Text} from "@mantine/core";
 import classes from "@/app/global.module.css";
 import {MyAnchor} from "@/components/MyAnchor";
-import {IconExchange, IconExternalLink} from "@tabler/icons-react";
+import {IconExternalLink} from "@tabler/icons-react";
 import {getNews, newsLocatorFromHref} from "@/serverRpcs";
 import Link from "next/link";
 
@@ -16,7 +16,7 @@ const NewsEntry = ({title, date, locator}: NewsEntryProps) => (
     <Text className={`${classes.textSmall} ${classes.textSecondary}`}>
       {new Intl.DateTimeFormat("zh-CN").format(date)}
     </Text>
-    <Anchor className={classes.textSmall} href={"news#"+locator}>
+    <Anchor className={classes.textSmall} href={"news#" + locator}>
       <Text inherit>{title}</Text>
     </Anchor>
   </Box>
@@ -48,7 +48,7 @@ export const News = async () => {
       }
 
       <MyAnchor size={"sm"} component={Link} href={"news"} target={"_blank"}
-                rightIcon={<IconExternalLink size={16} stroke={1.5}/> }>
+                rightIcon={<IconExternalLink size={16} stroke={1.5}/>}>
         ... 查看更多
       </MyAnchor>
     </Stack>
diff --git a/src/parts/repos.tsx b/src/parts/repos.tsx
index f65b962..80c5963 100644
--- a/src/parts/repos.tsx
+++ b/src/parts/repos.tsx
@@ -2,7 +2,7 @@
 
 import classes from "@/app/global.module.css";
 import {format, TDate} from "timeago.js"
-import {IconCheck, IconHelp, IconInfoCircleFilled, IconX} from "@tabler/icons-react";
+import {IconCheck, IconHelp, IconX} from "@tabler/icons-react";
 import {
   ActionIcon,
   Anchor,
@@ -67,7 +67,7 @@ const TableEntry = ({name, server, status, lastSync, helpHref, mirrorzHref}: Tab
           {
             mirrorzHref &&
               <ActionIcon variant={"subtle"} color={"#15658a"} size="xs" radius={"xl"} component={Link}
-                          href={MIRRORZ_HELP_URL+mirrorzHref+"/?mirror=SJTUG-"+server} target={"_blank"}>
+                          href={MIRRORZ_HELP_URL + mirrorzHref + "/?mirror=SJTUG-" + server} target={"_blank"}>
                   <IconHelp size={16} stroke={2}/>
               </ActionIcon>
           }