feat: 回答の詳細表示ページからメッセージ画面に遷移するためのボタンを追加

GiganticMinecraft · Nov 10, 2024 · 0320205 · 0320205
1 parent a018299
commit 0320205
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/src/app/(authed)/admin/answer/[answerId]/_components/AnswerDetails.tsx b/src/app/(authed)/admin/answer/[answerId]/_components/AnswerDetails.tsx
@@ -1,4 +1,4 @@
-import { Label, Send } from '@mui/icons-material';
+import { Label, Message, Send } from '@mui/icons-material';
 import EditIcon from '@mui/icons-material/Edit';
 import Autocomplete from '@mui/material/Autocomplete';
 import Box from '@mui/material/Box';
@@ -156,13 +156,22 @@ const AnswerMeta = (props: {
         <AnswerLabels labelOptions={props.labels} answers={props.answers} />
       </Grid>
       <Grid item xs={6}>
-        <Button
-          variant="contained"
-          href="/admin/labels/answers"
-          startIcon={<Label />}
-        >
-          ラベルの管理
-        </Button>
+        <Stack spacing={2} direction="row">
+          <Button
+            variant="contained"
+            href="/admin/labels/answers"
+            startIcon={<Label />}
+          >
+            ラベルの管理
+          </Button>
+          <Button
+            variant="contained"
+            href={`/admin/answer/${props.answers.id}/messages`}
+            startIcon={<Message />}
+          >
+            回答者にメッセージを送信
+          </Button>
+        </Stack>
       </Grid>
     </Grid>
   );