Remove non PUBLISHED comment stage restrictions

backend/python/app/services/implementations/comment_service.py

@@ -44,10 +44,11 @@ def create_comment(self, comment, user_id):
         except Exception as error:
             self.logger.error(str(error))
             raise error
-
-        if (story_translation_stage == "TRANSLATE" and is_translator) or (
-            story_translation_stage == "REVIEW" and is_reviewer
-        ):
+        if story_translation_stage == "PUBLISH" and (is_translator or is_reviewer):
+            raise Exception(
+                "Comments cannot be left after the story has been published."
+            )
+        elif is_translator or is_reviewer:
             try:
                 new_comment.time = datetime.utcnow()
                 new_comment.resolved = False
@@ -85,18 +86,6 @@ def create_comment(self, comment, user_id):
             )
 
             return new_comment
-        elif story_translation_stage == "TRANSLATE" and is_reviewer:
-            raise Exception(
-                "Comments cannot be left by reviewers while the story is being translated."
-            )
-        elif story_translation_stage == "REVIEW" and is_translator:
-            raise Exception(
-                "Comments cannot be left by translators while the story is being reviewed."
-            )
-        elif story_translation_stage == "PUBLISH" and (is_translator or is_reviewer):
-            raise Exception(
-                "Comments cannot be left after the story has been published."
-            )
         else:
             raise Exception("You are not authorized to leave comments on this story.")
 

frontend/src/components/pages/ReviewPage.tsx

@@ -233,14 +233,12 @@ const ReviewPage = () => {
           </Flex>
         </Flex>
         <CommentsPanel
-          disabled={stage === "TRANSLATE"}
           storyTranslationContentId={storyTranslationContentId}
           commentLine={commentLine}
           storyTranslationId={storyTranslationId}
           setCommentLine={setCommentLine}
           setTranslatedStoryLines={setTranslatedStoryLines}
           translatedStoryLines={translatedStoryLines}
-          reviewPage
         />
         {returnToTranslator && (
           <ConfirmationModal

frontend/src/components/pages/TranslationPage.tsx

@@ -308,7 +308,6 @@ const TranslationPage = () => {
         </Flex>
         {!isTest && (
           <CommentsPanel
-            disabled={!editable}
             storyTranslationContentId={storyTranslationContentId}
             commentLine={commentLine}
             storyTranslationId={storyTranslationId}

frontend/src/components/review/CommentsPanel.tsx

@@ -1,38 +1,30 @@
 import React, { useState } from "react";
 import { useQuery } from "@apollo/client";
-import { Box, Button, Flex, Select, Text, Tooltip } from "@chakra-ui/react";
+import { Box, Button, Flex, Select, Text } from "@chakra-ui/react";
 import {
   CommentResponse,
   buildCommentsQuery,
 } from "../../APIClients/queries/CommentQueries";
 import WIPComment from "./WIPComment";
 import { StoryLine } from "../translation/Autosave";
-import {
-  TRANSLATION_PAGE_TOOL_TIP_COPY,
-  REVIEW_PAGE_TOOL_TIP_COPY,
-} from "../../utils/Copy";
 import ExistingComment from "./ExistingComment";
 
 export type CommentPanelProps = {
   storyTranslationId: number;
   commentLine: number;
   setCommentLine: (line: number) => void;
   storyTranslationContentId: number;
-  disabled: boolean;
   setTranslatedStoryLines: (storyLines: StoryLine[]) => void;
   translatedStoryLines: StoryLine[];
-  reviewPage?: boolean;
 };
 
 const CommentsPanel = ({
   storyTranslationId,
   commentLine,
   storyTranslationContentId,
   setCommentLine,
-  disabled,
   setTranslatedStoryLines,
   translatedStoryLines,
-  reviewPage = false,
 }: CommentPanelProps) => {
   const [comments, setComments] = useState<CommentResponse[]>([]);
   const [filterIndex, setFilterIndex] = useState(2);
@@ -103,10 +95,6 @@ const CommentsPanel = ({
     else setCommentLine(-1);
   };
 
-  const tooltipLabel = reviewPage
-    ? REVIEW_PAGE_TOOL_TIP_COPY
-    : TRANSLATION_PAGE_TOOL_TIP_COPY;
-
   return (
     <Box
       backgroundColor="gray.100"
@@ -116,27 +104,23 @@ const CommentsPanel = ({
       width="450px"
     >
       <Flex marginBottom="50px">
-        <Tooltip hasArrow label={tooltipLabel} isDisabled={!disabled}>
-          <Box>
-            <Button
-              colorScheme="blue"
-              size="secondary"
-              marginRight="10px"
-              onClick={handleCommentButton}
-              disabled={disabled}
-            >
-              Comment
-            </Button>
-          </Box>
-        </Tooltip>
+        <Box>
+          <Button
+            colorScheme="blue"
+            size="secondary"
+            marginRight="10px"
+            onClick={handleCommentButton}
+          >
+            Comment
+          </Button>
+        </Box>
         <Select
           name="comment filter"
           id="comment filter"
           value={filterOptions[filterIndex]}
           variant="commentsFilter"
           onChange={handleCommentFilterSelectChange}
           width="160px"
-          disabled={disabled}
         >
           {filterOptionsComponent}
         </Select>