From 7297890b297730bb733c93e807f8287de676e8cf Mon Sep 17 00:00:00 2001
From: Katie Gorbell <kgorbell@deloitte.com>
Date: Wed, 6 Nov 2024 15:06:23 -0600
Subject: [PATCH 1/3] feat(client): description field added to the modal for
 editing app details

---
 .../src/components/app/EditDetailsModal.tsx      | 16 ++++++++++++++++
 .../src/components/app/app-details.utility.ts    |  2 ++
 2 files changed, 18 insertions(+)

diff --git a/packages/client/src/components/app/EditDetailsModal.tsx b/packages/client/src/components/app/EditDetailsModal.tsx
index a66f3ea8a2..3bbb96e1e2 100644
--- a/packages/client/src/components/app/EditDetailsModal.tsx
+++ b/packages/client/src/components/app/EditDetailsModal.tsx
@@ -137,6 +137,22 @@ export const EditDetailsModal = (props: EditDetailsModalProps) => {
             </StyledModalHeading>
 
             <StyledModalContent>
+                <Controller
+                    name="detailsForm.description"
+                    control={control}
+                    render={({ field }) => {
+                        return (
+                            <TextField
+                                value={field.value}
+                                onChange={(val) => field.onChange(val)}
+                                fullWidth
+                                multiline
+                                label="Description"
+                                rows={3}
+                            />
+                        );
+                    }}
+                />
                 <Controller
                     name="detailsForm.markdown"
                     control={control}
diff --git a/packages/client/src/components/app/app-details.utility.ts b/packages/client/src/components/app/app-details.utility.ts
index 3a6b0bcef3..1ea0cde412 100644
--- a/packages/client/src/components/app/app-details.utility.ts
+++ b/packages/client/src/components/app/app-details.utility.ts
@@ -80,6 +80,7 @@ export interface AppDetailsFormTypes {
     userRole: Role | '';
     permission: 'author' | 'editor' | 'readOnly' | 'discoverable' | '';
 
+    description: string;
     markdown: string;
     tag: string[];
     detailsForm: DetailsForm;
@@ -96,6 +97,7 @@ export const AppDetailsFormValues: AppDetailsFormTypes = {
     appInfo: null,
     userRole: '',
     permission: '',
+    description: '',
     markdown: '',
     tag: [],
     detailsForm: {

From 3a0a4f001936862b7f3c46e2e039aec01683bcc0 Mon Sep 17 00:00:00 2001
From: Katie Gorbell <kgorbell@deloitte.com>
Date: Wed, 6 Nov 2024 15:21:18 -0600
Subject: [PATCH 2/3] feat(client): left hand nav added to App Details Page

---
 packages/client/src/pages/app/AppRouter.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/pages/app/AppRouter.tsx b/packages/client/src/pages/app/AppRouter.tsx
index a63ef40c98..5deeb24a66 100644
--- a/packages/client/src/pages/app/AppRouter.tsx
+++ b/packages/client/src/pages/app/AppRouter.tsx
@@ -22,7 +22,9 @@ export const AppRouter = observer(() => {
             <Route path=":appId" element={<HeaderLayout />}>
                 <Route index element={<AppPage />} />
                 <Route path="edit" element={<EditAppPage />} />
-                <Route path="detail" element={<AppDetailPage />} />
+                <Route path="*" element={<NavigatorLayout />}>
+                    <Route path="detail" element={<AppDetailPage />} />
+                </Route>
             </Route>
             <Route path="*" element={<Navigate to={`/`} replace />} />
         </Routes>

From 778e8aa3f47d9d3ab4cf023f2205dbc79bc8cca4 Mon Sep 17 00:00:00 2001
From: Katie Gorbell <kgorbell@deloitte.com>
Date: Mon, 11 Nov 2024 14:15:15 -0600
Subject: [PATCH 3/3] refactor(client): removed navigatorLayout wrapper for the
 AppDetailPage

---
 packages/client/src/pages/app/AppRouter.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/client/src/pages/app/AppRouter.tsx b/packages/client/src/pages/app/AppRouter.tsx
index 5deeb24a66..a63ef40c98 100644
--- a/packages/client/src/pages/app/AppRouter.tsx
+++ b/packages/client/src/pages/app/AppRouter.tsx
@@ -22,9 +22,7 @@ export const AppRouter = observer(() => {
             <Route path=":appId" element={<HeaderLayout />}>
                 <Route index element={<AppPage />} />
                 <Route path="edit" element={<EditAppPage />} />
-                <Route path="*" element={<NavigatorLayout />}>
-                    <Route path="detail" element={<AppDetailPage />} />
-                </Route>
+                <Route path="detail" element={<AppDetailPage />} />
             </Route>
             <Route path="*" element={<Navigate to={`/`} replace />} />
         </Routes>