fix: display of the card

Author: Samantha-KY

src/components/sections/feedbacks/index.tsx

@@ -39,10 +39,11 @@ export default function Feedback(): ReactElement {
   const dispatch = useDispatch();
   const route = useRouter();
 
-  const { feedbacks, isAuthenticated, submission } = useMultiSelector<unknown, FeedbackMultiSelector>({
+  const { feedbacks, isAuthenticated, submission, challenge } = useMultiSelector<unknown, FeedbackMultiSelector>({
     feedbacks: (state: IRootState) => state.feedback.list,
     isAuthenticated: (state: IRootState) => authCheck(state),
     submission: (state: IRootState) => state.submissions.current,
+    challenge: (state: IRootState) => state.challenges.current,
   });
 
   const [isFetching, setIsFetching] = useState(false);
@@ -60,7 +61,7 @@ export default function Feedback(): ReactElement {
   return (
     <div className="relative">
       {isFetching ? <Loader loading={isFetching} /> : feedbacks.map((feedback, index) => <FeedbackCard key={feedback.id} value={feedback} last={index === feedbacks.length - 1} />)}
-      {isAuthenticated && (
+      {isAuthenticated && challenge?.feedbackInfo && (
         <Section>
           <Criteria />
           <Form onSave={fetchList} />

src/pages/communities/[slug]/challenges/[challenge_id]/submissions/[submission_id].tsx

@@ -17,13 +17,14 @@ import { useRouter } from "next/router";
 import Loader from "@/components/ui/Loader";
 import Section from "@/components/ui/Section";
 import { useSelector } from "@/hooks/useTypedSelector";
+import { fetchChallenge } from "@/store/services/communities/challenges";
 
 export default function SubmissionPage() {
   const dispatch = useDispatch();
   const { t } = useTranslation();
   const navigation = useNavigation();
   const router = useRouter();
-  const { slug, locale, submission_id } = router.query;
+  const { slug, locale, submission_id, challenge_id } = router.query;
   const [loading, setLoading] = useState(true);
   const { current } = useSelector((state) => state.submissions);
 
@@ -33,7 +34,11 @@ export default function SubmissionPage() {
       locale: locale as string,
     };
     setLoading(true);
-    await Promise.all([dispatch(fetchCurrentCommunity(fetchCurrentCommunityPayload)), dispatch(findSubmssionById({ id: submission_id as string }))]);
+    await Promise.all([
+      dispatch(fetchChallenge({ id: challenge_id as string, relations: ["rubric"] })),
+      dispatch(fetchCurrentCommunity(fetchCurrentCommunityPayload)),
+      dispatch(findSubmssionById({ id: submission_id as string })),
+    ]);
     dispatch(initChallengeNavigationMenu(navigation.community));
     setLoading(false);
   }, [slug, submission_id]);