Finished MUI for the most part

2024-09-27 21:43:06 +03:00
parent be03889ff3
commit 9bc2015426
29 changed files with 1762 additions and 4102 deletions
@@ -1,5 +1,6 @@
 import { Box, Button, Container, TextField, Typography } from "@mui/material";
 import React, { useState } from "react";
+import { createAlert } from "../../actions/alert";
 import { addComment } from "../../actions/post";
 import { useAppDispatch } from "../../utils/hooks";

@@ -18,8 +19,14 @@ const CommentForm = ({ postId }: { postId: string }) => {
        gap="1rem"
        onSubmit={(e) => {
          e.preventDefault();
-          dispatch(addComment(postId, { text }));
-          setText("");
+          if (text.length > 250) {
+            dispatch(
+              createAlert("Comment longer than 250 characters", "danger"),
+            );
+          } else {
+            dispatch(addComment(postId, { text }));
+            setText("");
+          }
        }}
      >
        <TextField