マッチングタブのdaisyUI移行を完了

Author: KaichiManabe

web/components/match/matching.tsx

@@ -1,4 +1,3 @@
-import { Box, List } from "@mui/material";
 import { deleteMatch } from "~/api/match";
 import { useMatched } from "~/api/user";
 import FullScreenCircularProgress from "../common/FullScreenCircularProgress";
@@ -13,13 +12,8 @@ export default function Matchings() {
   const { openModal } = useModal();
 
   return (
-    <Box>
-      <p
-        style={{
-          marginLeft: "40px",
-          marginRight: "40px",
-        }}
-      >
+    <div className="p-4">
+      <p className="mr-10 ml-10 text-lg">
         {data && data.length === 0 && (
           <>
             誰ともマッチングしていません。
@@ -31,9 +25,9 @@ export default function Matchings() {
       {current === "loading" ? (
         <FullScreenCircularProgress />
       ) : error ? (
-        <p>Error: {error.message}</p>
+        <p className="text-red-500">Error: {error.message}</p>
       ) : (
-        <List>
+        <ul className="mt-4 space-y-4">
           {data?.map((matchedUser) => (
             <HumanListItem
               key={matchedUser.id}
@@ -45,8 +39,8 @@ export default function Matchings() {
               hasDots
             />
           ))}
-        </List>
+        </ul>
       )}
-    </Box>
+    </div>
   );
 }