fixup! 目標の状態を更新したら表示を自動で更新する

MurakawaTakuya · Jan 16, 2025 · c3d18da · c3d18da
1 parent e357e4a
commit c3d18da
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/app/discover/page.tsx b/src/app/discover/page.tsx
@@ -3,8 +3,15 @@ import DashBoard from "@/Components/DashBoard/DashBoard";
 import GoalModalButton from "@/Components/GoalModal/GoalModalButton";
 import { ResultProvider } from "@/utils/ResultContext";
 import ToggleButton from "@mui/material/ToggleButton";
+import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import { useState } from "react";
-import { CenteredToggleButtonGroup } from "../mycontent/page";
+import styled from "styled-components";
+
+const CenteredToggleButtonGroup = styled(ToggleButtonGroup)({
+  display: "flex",
+  justifyContent: "center",
+  margin: "30px 0 5px",
+});
 
 export default function Discover() {
   const [value, setValue] = useState<"finished" | "pending">("finished");

diff --git a/src/app/mycontent/page.tsx b/src/app/mycontent/page.tsx
@@ -9,7 +9,7 @@ import ToggleButton from "@mui/material/ToggleButton";
 import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import { useState } from "react";
 
-export const CenteredToggleButtonGroup = styled(ToggleButtonGroup)({
+const CenteredToggleButtonGroup = styled(ToggleButtonGroup)({
   display: "flex",
   justifyContent: "center",
   margin: "30px 0 5px",