From 932562ab2ec676efa2183d2e84a06dc7ba070eb2 Mon Sep 17 00:00:00 2001
From: ransurf <ransomguest@gmail.com>
Date: Fri, 14 Jan 2022 15:53:03 -0800
Subject: [PATCH] fix flexbox issue for empty tabs

---
 src/view/Components/Taskview/Dailiesview/index.tsx | 8 ++++++--
 styles.css                                         | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/view/Components/Taskview/Dailiesview/index.tsx b/src/view/Components/Taskview/Dailiesview/index.tsx
index bf8b952..9785888 100644
--- a/src/view/Components/Taskview/Dailiesview/index.tsx
+++ b/src/view/Components/Taskview/Dailiesview/index.tsx
@@ -3,11 +3,14 @@ import DailyItem from "./DailyItem"
 import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
 
 export default function Index(props: any){
+
     if(props.dailys == undefined) {
         return <div id="classDisplay">No Dailies Present</div>
     }
     else {
+
         const notDueDailies = props.dailys.map((daily: any) => {
+
             if (!daily.isDue) {
                 let daily_notes = '';
                 let daily_subtasks = '';
@@ -23,6 +26,7 @@ export default function Index(props: any){
                     onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/>
             }
         })
+
         const incompleteDailies = props.dailys.map((daily: any) => {
                 if (!daily.completed&&daily.isDue) {
                     let daily_notes = '';
@@ -42,7 +46,7 @@ export default function Index(props: any){
         const completedDailies = props.dailys.map((daily: any) => {
             // if(daily.completed)
             //     return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text} daily_notes={daily.notes} onChange={props.onChange} completed={daily.completed}/>
-            if (!daily.completed) {
+            if (daily.completed) {
                 let daily_notes = '';
                 let daily_subtasks = '';
                 if (props.settings.showTaskDescription) {
@@ -57,6 +61,7 @@ export default function Index(props: any){
                     onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/>
             }
         })
+
         const display = <div id="classDisplay">
                             <Tabs>
                             <TabList>
@@ -79,4 +84,3 @@ export default function Index(props: any){
     }
         
 }
-
diff --git a/styles.css b/styles.css
index c265c56..9cc820b 100644
--- a/styles.css
+++ b/styles.css
@@ -130,11 +130,12 @@ input[type=checkbox]:focus {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  align-items: center;
+  align-items: stretch;
 }
 
 #classDisplay {
   height: 100%;
+  width: 100%;
 }