add back button

Author: Fr4nc3

src/frontend_react/src/components/content/PlanPanelLeft.tsx

@@ -1,7 +1,7 @@
 import PanelLeft from "@/coral/components/Panels/PanelLeft";
 import PanelLeftToolbar from "@/coral/components/Panels/PanelLeftToolbar";
 import { Button, Spinner, Toast, ToastBody, ToastTitle, Tooltip, useToastController } from "@fluentui/react-components";
-import { Add20Regular, ErrorCircle20Regular } from "@fluentui/react-icons";
+import { Add20Regular, ChatAdd20Regular, ErrorCircle20Regular } from "@fluentui/react-icons";
 import TaskList from "./TaskList";
 import { useCallback, useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
@@ -100,6 +100,16 @@ const PlanPanelLeft: React.FC<PlanPanelLefProps> = ({
                         />
                     </Tooltip>
                 </PanelLeftToolbar>
+                <br />
+                <div
+                    className="tab"
+                    style={{ display: "flex", alignItems: "center", gap: "8px", padding: "8px 8px", cursor: "pointer", margin: '0 8px' }}
+                    onClick={onNewTaskButton}
+                >
+                    <ChatAdd20Regular />
+                    New task
+                </div>
+                <br />
                 {plansLoading && (!inProgressTasks.length && !completedTasks.length) ? (
                     <div style={{ padding: '20px', textAlign: 'center' }}>
                         <Spinner size="medium" label="Loading tasks..." />

src/frontend_react/src/models/homeInput.tsx

@@ -11,25 +11,25 @@ export const quickTasks: QuickTask[] = [
     {
         id: "onboard",
         title: "Onboard employee",
-        description: "Onboard a new employee, Jessica",
+        description: "Onboard a new employee, Jessica Smith.",
         icon: <Person20Regular />,
     },
     {
         id: "mobile",
         title: "Mobile plan query",
-        description: "Ask about roaming plans prior to heading overseas",
+        description: "Ask about roaming plans prior to heading overseas.",
         icon: <Phone20Regular />,
     },
     {
         id: "addon",
         title: "Buy add-on",
-        description: "Enable roaming on mobile plan, starting next week",
+        description: "Enable roaming on mobile plan, starting next week.",
         icon: <ShoppingBag20Regular />,
     },
     {
         id: "press",
         title: "Draft a press release",
-        description: "Write a press release about our current products",
+        description: "Write a press release about our current products.",
         icon: <DocumentEdit20Regular />,
     },
 ];