fix: conditional allow posts

Author: dev-luch

src/components/CollaborationResponseModal/index.tsx

@@ -17,7 +17,8 @@ interface CollaborationResponseModalProps {
   collaborationRequestId: string;
 }
 
-const MIN_FEEDBACK_LENGTH = 10;
+const MIN_FEEDBACK_LENGTH = 3;
+const MAX_FEEDBACK_LENGTH = 255;
 
 export const CollaborationResponseModal = ({
   isOpen,
@@ -76,18 +77,25 @@ export const CollaborationResponseModal = ({
     },
   });
 
-  const isValidFeedback = feedback.trim().length >= MIN_FEEDBACK_LENGTH;
-  const charactersRemaining = MIN_FEEDBACK_LENGTH - feedback.trim().length;
+  const isValidFeedback = (value: string) => {
+    const trimmed = value.trim();
+    return trimmed.length >= MIN_FEEDBACK_LENGTH && trimmed.length <= MAX_FEEDBACK_LENGTH;
+  };
+
+  const isFeedbackValid = isValidFeedback(feedback);
+  const feedbackLength = feedback.trim().length;
+  const charactersRemaining = MIN_FEEDBACK_LENGTH - feedbackLength;
 
   const handleFeedbackChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    setFeedback(e.target.value);
-    if (showError && e.target.value.trim().length >= MIN_FEEDBACK_LENGTH) {
+    const newValue = e.target.value.slice(0, MAX_FEEDBACK_LENGTH);
+    setFeedback(newValue);
+    if (showError && isValidFeedback(newValue)) {
       setShowError(false);
     }
   };
 
   const handleAction = (action: "Approved" | "Rejected") => {
-    if (!isValidFeedback) {
+    if (!isFeedbackValid) {
       setShowError(true);
       return;
     }
@@ -186,23 +194,22 @@ export const CollaborationResponseModal = ({
                     placeholder="Escreva seu feedback sobre a solicitação..."
                     rows={5}
                     disabled={approveCollaborationMutation.isPending}
+                    maxLength={MAX_FEEDBACK_LENGTH}
                     className={showError ? styles.textareaError : ""}
                   />
                   <div className={styles.feedbackInfo}>
                     <span
                       className={`${styles.charCounter} ${
-                        charactersRemaining > 0 ? styles.charCounterError : ""
+                        !isFeedbackValid ? styles.charCounterError : ""
                       }`}
                     >
-                      {charactersRemaining > 0
-                        ? `${charactersRemaining} caracteres restantes`
-                        : `${feedback.trim().length} caracteres`}
+                      {feedbackLength} / {MAX_FEEDBACK_LENGTH} caracteres
+                      {charactersRemaining > 0 && ` (mínimo ${MIN_FEEDBACK_LENGTH})`}
                     </span>
                   </div>
                   {showError && (
                     <span className={styles.errorMessage}>
-                      O feedback deve ter pelo menos {MIN_FEEDBACK_LENGTH}{" "}
-                      caracteres
+                      O feedback deve ter entre {MIN_FEEDBACK_LENGTH} e {MAX_FEEDBACK_LENGTH} caracteres
                     </span>
                   )}
                 </div>
@@ -223,7 +230,7 @@ export const CollaborationResponseModal = ({
                     onClick={() => handleAction("Rejected")}
                     disabled={
                       approveCollaborationMutation.isPending ||
-                      !isValidFeedback ||
+                      !isFeedbackValid ||
                       pendingAction === "Rejected"
                     }
                     className={styles.rejectButton}
@@ -234,7 +241,7 @@ export const CollaborationResponseModal = ({
                     onClick={() => handleAction("Approved")}
                     disabled={
                       approveCollaborationMutation.isPending ||
-                      !isValidFeedback ||
+                      !isFeedbackValid ||
                       pendingAction === "Approved"
                     }
                     className={styles.approveButton}

src/components/CreateIdea/components/CreatePostHeader/index.tsx

@@ -2,14 +2,15 @@ import styles from "../../style.module.css";
 
 interface IProps {
   submitForm: () => void;
+  isFormValid: boolean;
 }
 
-export const Header = ({ submitForm }: IProps) => {
+export const Header = ({ submitForm, isFormValid }: IProps) => {
   return (
     <header className={styles.header}>
       <h2>Nova ideia</h2>
 
-      <button onClick={submitForm}>Publicar</button>
+      <button onClick={submitForm} disabled={!isFormValid}>Publicar</button>
     </header>
   );
 };

src/components/CreateIdea/index.tsx

@@ -36,7 +36,24 @@ export const CreateIdeaScreen = () => {
 
   const fileInputRef = useRef<HTMLInputElement | null>(null);
 
-  const { register, handleSubmit } = useForm<ICreateIdea>();
+  const { register, handleSubmit, watch } = useForm<ICreateIdea>();
+  
+  const title = watch("title");
+  const content = watch("content");
+  
+  const isValidTitle = (value?: string) => {
+    if (!value) return false;
+    const trimmed = value.trim();
+    return trimmed.length >= 3 && trimmed.length <= 70 && /^[^{}]+$/.test(trimmed);
+  };
+  
+  const isValidContent = (value?: string) => {
+    if (!value) return false;
+    const trimmed = value.trim();
+    return trimmed.length >= 3 && trimmed.length <= 700 && /^[^{}]+$/.test(trimmed);
+  };
+  
+  const isFormValid = isValidTitle(title) && isValidContent(content) && images && images.length > 0;
 
   const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const files = e.target.files;
@@ -168,7 +185,7 @@ export const CreateIdeaScreen = () => {
 
   return (
     <div className={styles.container}>
-      <Header submitForm={handleSubmit(onSubmit)} />
+      <Header submitForm={handleSubmit(onSubmit)} isFormValid={isFormValid} />
 
       <div className={styles.avatar}>
         <UserIcon

src/components/Idea/components/CollaborationModal/index.tsx

@@ -35,15 +35,22 @@ export const CollaborationModal = ({
     },
   });
 
+  const isValidMessage = (value: string) => {
+    const trimmed = value.trim();
+    return trimmed.length >= 3 && trimmed.length <= 255 && /^[^{}]+$/.test(trimmed);
+  };
+
+  const isMessageValid = isValidMessage(collaborationMessage);
+
   const handleSendCollaboration = async () => {
-    if (!collaborationMessage.trim()) {
-      toast.error("Por favor, escreva uma mensagem");
+    if (!isMessageValid) {
+      toast.error("A mensagem deve ter entre 3 e 255 caracteres");
       return;
     }
 
     createCollaborationRequestMutation({
       ideaId: ideaId,
-      message: collaborationMessage,
+      message: collaborationMessage.trim(),
     });
   };
 
@@ -59,14 +66,15 @@ export const CollaborationModal = ({
           onChange={(e) => setCollaborationMessage(e.target.value)}
           placeholder="Ex: Tenho experiência em backend e adoraria ajudar..."
           rows={5}
+          maxLength={255}
         />
         <div className={styles.modalActions}>
           <button onClick={onClose} className={styles.cancelButton}>
             Cancelar
           </button>
           <button
             onClick={handleSendCollaboration}
-            disabled={isLoadingCollaboration}
+            disabled={isLoadingCollaboration || !isMessageValid}
             className={styles.sendButton}
           >
             {isLoadingCollaboration ? "Enviando..." : "Enviar Solicitação"}