mods cant approve their own request

brandonnorsworthy · Sep 21, 2024 · b2d980d · b2d980d
1 parent a43ca0f
commit b2d980d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/src/modals/EditSuggestions/EditSuggestions.tsx b/src/modals/EditSuggestions/EditSuggestions.tsx
@@ -7,10 +7,11 @@ import { DEFAULT_IMG_URL } from '@/constants';
 
 interface ModalProps {
   onClose: () => void;
-  onDeleteSuggestion: () => void;
+  onDeleteSuggestion?: () => void;
   onCreateQuest: (newQuest: convertSuggestionIntoQuestBodyRequest) => void;
   suggestion: Suggestion;
   categories: Category[];
+  viewOnly?: boolean;
 }
 
 const EditSuggestion: React.FC<ModalProps> = (props) => {
@@ -19,7 +20,8 @@ const EditSuggestion: React.FC<ModalProps> = (props) => {
     onDeleteSuggestion,
     onCreateQuest,
     suggestion,
-    categories
+    categories,
+    viewOnly = false
   } = props;
 
   const [previewQuest, setPreviewQuest] = useState(true);
@@ -152,23 +154,29 @@ const EditSuggestion: React.FC<ModalProps> = (props) => {
               onClick={onClose}>
               close
             </Button>
-            <Button
-              type='cancel'
-              onClick={onDeleteSuggestion}
-            >
-              delete
-            </Button>
+            {
+              onDeleteSuggestion &&
+              <Button
+                type='cancel'
+                disabled={viewOnly}
+                onClick={onDeleteSuggestion}
+              >
+                delete
+              </Button>
+            }
           </div>
           <div className="flex flex-col w-full gap-2 mt-2 sm:w-fit sm:mt-0 sm:flex-row sm:justify-end">
             <Button
               type="info"
+              disabled={viewOnly}
               onClick={() => setPreviewQuest(prev => !prev)}>
               {previewQuest ? 'edit' : 'preview'}
             </Button>
             {
               onCreateQuest &&
               <Button
                 type="confirm"
+                disabled={viewOnly}
                 onClick={() => onCreateQuest({
                   title,
                   description,

diff --git a/src/pages/moderator/ModeratorSuggestionsPage.tsx b/src/pages/moderator/ModeratorSuggestionsPage.tsx
@@ -19,7 +19,7 @@ import Loader from "@/components/Loader";
 
 const ModeratorSuggestionsPage = () => {
   const navigate = useNavigate();
-  const { accessToken } = useAuth();
+  const { accessToken, user } = useAuth();
 
   const [suggestions, setSuggestions] = useState<Suggestion[]>([]);
   const [page, setPage] = useState(1);
@@ -94,7 +94,7 @@ const ModeratorSuggestionsPage = () => {
     })
   };
 
-  const handleDeleteSuggestion = async () => {
+  const onDeleteSuggestion = async () => {
     const onConfirm = () => {
       try {
         if (!selectedSuggestion) return;
@@ -192,8 +192,9 @@ const ModeratorSuggestionsPage = () => {
             onClose={handleCloseSuggestion}
             suggestion={selectedSuggestion}
             onCreateQuest={handleCreateQuest}
-            onDeleteSuggestion={handleDeleteSuggestion}
+            onDeleteSuggestion={onDeleteSuggestion}
             categories={categories}
+            viewOnly={user?.username === selectedSuggestion.username}
           />
         </Modal>
       }