カードの色を変更

MurakawaTakuya · Jan 16, 2025 · 9637b8d · 9637b8d
1 parent 6a5ffa2
commit 9637b8d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/src/Components/GoalModal/CreateGoalModal.tsx b/src/Components/GoalModal/CreateGoalModal.tsx
@@ -64,6 +64,14 @@ export default function CreateGoalModal({
   const handleSubmit = async (event: React.FormEvent) => {
     event.preventDefault();
 
+    if (deadline < new Date().toISOString().slice(0, 16)) {
+      showSnackBar({
+        message: "過去の時間を設定することはできません",
+        type: "warning",
+      });
+      return;
+    }
+
     const postData: Goal = {
       userId: user?.userId as string,
       text: text,

diff --git a/src/Components/Progress/StepperBlock.tsx b/src/Components/Progress/StepperBlock.tsx
@@ -50,6 +50,12 @@ export const StepperBlock = ({
               : outerBorderColors.pending,
           boxShadow: "1px 1px 8px #d9d9d96b",
           gap: "6px",
+          backgroundColor:
+            resultType == "success"
+              ? "#eff9f1ad"
+              : resultType == "failed"
+              ? "#fff5f5"
+              : "#f6f8ff",
         }}
       >
         <div

diff --git a/src/utils/API/Goal/createGoal.ts b/src/utils/API/Goal/createGoal.ts
@@ -47,7 +47,7 @@ export const handleCreateGoalError = (error: unknown) => {
 
   if (error instanceof Error) {
     if (error.message.includes("past deadline can't be set")) {
-      snackBarMessage = "過去の時間を指定することはできません";
+      snackBarMessage = "過去の時間を設定ることはできません";
     }
     if (error.message.includes("too long comment")) {
       snackBarMessage = "目標の文字数は100文字以下にしてください";