collapsed descriptions by default

mattermost · Jun 24, 2022 · 3de6e42 · 3de6e42
1 parent 8c8cdd7
commit 3de6e42
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/webapp/src/components/backstage/rhs/task_inbox/task.tsx b/webapp/src/components/backstage/rhs/task_inbox/task.tsx
@@ -60,6 +60,7 @@ const Task = (props: Props) => {
                     checklistNum={props.item.checklist_num}
                     dragging={false}
                     collapsibleDescription={true}
+                    descriptionCollapsedByDefault={true}
                     newItem={false}
                     disabled={false}
                     itemNum={props.item.item_num}

diff --git a/webapp/src/components/checklist_item/checklist_item.tsx b/webapp/src/components/checklist_item/checklist_item.tsx
@@ -40,6 +40,7 @@ interface ChecklistItemProps {
     dragging: boolean;
     disabled: boolean;
     collapsibleDescription: boolean;
+    descriptionCollapsedByDefault?: boolean;
     newItem: boolean;
     cancelAddingItem?: () => void;
     onUpdateChecklistItem?: (newItem: ChecklistItemType) => void;
@@ -50,7 +51,7 @@ interface ChecklistItemProps {
 
 export const ChecklistItem = (props: ChecklistItemProps): React.ReactElement => {
     const {formatMessage} = useIntl();
-    const [showDescription, setShowDescription] = useState(true);
+    const [showDescription, setShowDescription] = useState(!props.descriptionCollapsedByDefault);
     const [isEditing, setIsEditing] = useState(props.newItem);
     const [titleValue, setTitleValue] = useState(props.checklistItem.title);
     const [descValue, setDescValue] = useState(props.checklistItem.description);