feat: LEAP-1476: Add ability to edit classifications on existing comm…

…ents (#6532)
HumanSignal · Oct 16, 2024 · e824fbd · e824fbd
1 parent 92fd8bb
commit e824fbd
Show file tree

Hide file tree

Showing 7 changed files with 251 additions and 192 deletions.
diff --git a/web/libs/editor/src/components/Comments/Comment/CommentForm.tsx b/web/libs/editor/src/components/Comments/Comment/CommentForm.tsx
@@ -12,9 +12,7 @@ import { LinkState } from "./LinkState";
 import "./CommentForm.scss";
 import { NewTaxonomy as Taxonomy, type TaxonomyPath } from "../../../components/NewTaxonomy/NewTaxonomy";
 import { CommentFormButtons } from "./CommentFormButtons";
-import { taxonomyPathsToSelectedItems } from "../../../utils/commentClassification";
-
-const TAXONOMY_OPTIONS = { pathSeparator: "/", showFullPath: true };
+import { taxonomyPathsToSelectedItems, COMMENT_TAXONOMY_OPTIONS } from "../../../utils/commentClassification";
 
 export type CommentFormProps = {
   commentStore: any;
@@ -174,7 +172,7 @@ export const CommentForm: FC<CommentFormProps> = observer(({ commentStore, annot
               selected={selections}
               items={classificationsItems}
               onChange={taxonomyOnChange}
-              options={TAXONOMY_OPTIONS}
+              options={COMMENT_TAXONOMY_OPTIONS}
               defaultSearch={false}
             />
           </Elem>

diff --git a/web/libs/editor/src/components/Comments/Comment/CommentItem.scss b/web/libs/editor/src/components/Comments/Comment/CommentItem.scss
@@ -115,6 +115,10 @@
     overflow: hidden;
   }
 
+  &__classifications-row > div {
+    width: 100%;
+  }
+
   &__linkState {
     padding: 4px 0 0;
     margin-left: -5px;