fix: Fix/hide description on sidebar when there is no description (#45)

puskuruk · web-flow · commit 7b813f4ef97a · 2020-04-25T12:10:32.000-04:00
* Now we don't expand description on sidebar when there is no description

* Made latest commit prettier

* Added is there a task description validation to showing on ui
diff --git a/src/Sidebar/index.js b/src/Sidebar/index.js
@@ -75,7 +75,7 @@ export const Sidebar = ({
   return (
     <div>
       {debug && <DebugBox state={debug} lastAction={debug.lastAction} />}
-      {(taskDescription || "").length > 1 && (
+      {taskDescription && (taskDescription || "").length > 1 && (
         <TaskDescription description={taskDescription} />
       )}
       {labelImages && (
diff --git a/src/TaskDescriptionSidebarBox/index.js b/src/TaskDescriptionSidebarBox/index.js
@@ -27,7 +27,7 @@ export const TaskDescriptionSidebarBox = ({ description }) => {
     <SidebarBoxContainer
       title="Task Description"
       icon={<DescriptionIcon style={{ color: grey[700] }} />}
-      expandedByDefault
+      expandedByDefault={description && description !== "" ? false : true}
     >
       <MarkdownContainer>
         <Markdown source={description} />

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export const TaskDescriptionSidebarBox = ({ description }) => {`
`27`	`27`	`<SidebarBoxContainer`
`28`	`28`	`title="Task Description"`
`29`	`29`	`icon={<DescriptionIcon style={{ color: grey[700] }} />}`
`30`		`- expandedByDefault`
	`30`	`+ expandedByDefault={description && description !== "" ? false : true}`
`31`	`31`	`>`
`32`	`32`	`<MarkdownContainer>`
`33`	`33`	`<Markdown source={description} />`