From e1a15123e3f32b52de68af2d4de607bbd6e98d8a Mon Sep 17 00:00:00 2001
From: JadeOx <158448164+JaderOx@users.noreply.github.com>
Date: Mon, 21 Oct 2024 10:06:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20WeeklyPage:=20=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F/=E7=BC=96=E8=BE=91=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=BB=85=E7=AE=A1=E7=90=86=E5=91=98=E5=8F=AF=E8=A7=81=E3=80=82?=
 =?UTF-8?q?=E4=B8=8D=E7=BC=A9=E6=94=BE=E6=A8=A1=E5=BC=8F=E4=B8=8B=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90=E6=8E=A8=E9=80=81=E5=B0=81=E9=9D=A2=20(#2052)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* "CleanUp: CoursePage"

* CleanUp: ShareSite

* Weekly界面浏览模式/编辑模式仅管理员可见

* feat: hide Browse/Edit mode bar

* feat: Roughly align with the cover of Weekly page.

---------

Co-authored-by: Yichen You <125688164+youyc22@users.noreply.github.com>
---
 src/app/ShareSite/WeeklyPage.tsx | 36 ++++++++++++++++++--------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/app/ShareSite/WeeklyPage.tsx b/src/app/ShareSite/WeeklyPage.tsx
index 8be68a249..e803c8ab5 100644
--- a/src/app/ShareSite/WeeklyPage.tsx
+++ b/src/app/ShareSite/WeeklyPage.tsx
@@ -13,6 +13,7 @@ import {
   Typography,
   message,
   Tooltip,
+  Image,
 } from "antd";
 import React, { useEffect, useState } from "react";
 import * as graphql from "@/generated/graphql";
@@ -104,10 +105,16 @@ const WeeklyPage: React.FC<PageProps> = ({ mode, user }) => {
     const [url, setUrl] = useState("/android-chrome-192x192.png");
     fetch_img(props.src, setUrl);
     return (
-      <img
+      <Image
         alt="weekly cover"
         src={url}
         referrerPolicy="no-referrer"
+        preview={false}
+        style={{
+          objectFit: "cover",
+          minHeight: 256,
+          borderRadius: "10px",
+        }}
         onClick={() => {
           const w = window.open("loading");
           if (w != null) w.location.href = props.src;
@@ -327,25 +334,22 @@ const WeeklyPage: React.FC<PageProps> = ({ mode, user }) => {
           />
         </Row>
       </Content>
-
       <Footer>
         <table style={{ margin: "0 auto" }}>
           <tbody>
             <tr>
-              <td title="仅系统管理员在登录后可进入编辑模式">
-                <Radio.Group
-                  defaultValue={"browse"}
-                  value={showMode}
-                  onChange={(e) => setShowMode(e.target.value)}
-                >
-                  <Radio.Button value="browse">浏览模式</Radio.Button>
-                  <Radio.Button
-                    value="edit"
-                    disabled={user.role !== "counselor" && user.role !== "root"}
-                  >
-                    编辑模式
-                  </Radio.Button>
-                </Radio.Group>
+              <td>
+                {user.role == "root" ||
+                  (user.role == "counselor" && (
+                    <Radio.Group
+                      defaultValue={"browse"}
+                      value={showMode}
+                      onChange={(e) => setShowMode(e.target.value)}
+                    >
+                      <Radio.Button value="browse">浏览模式</Radio.Button>
+                      <Radio.Button value="edit">编辑模式</Radio.Button>
+                    </Radio.Group>
+                  ))}
               </td>
               <td>
                 <Pagination