Add DuplicateModel component to Settings page for dashboard duplicati…

…on functionality
OneUptime · Nov 29, 2024 · 3e97d6b · 3e97d6b
1 parent 32c0cbc
commit 3e97d6b
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 10 deletions.
diff --git a/Dashboard/src/Pages/Dashboards/View/Settings.tsx b/Dashboard/src/Pages/Dashboards/View/Settings.tsx
@@ -1,12 +1,13 @@
 import PageMap from "../../../Utils/PageMap";
-import RouteMap from "../../../Utils/RouteMap";
+import RouteMap, { RouteUtil } from "../../../Utils/RouteMap";
 import PageComponentProps from "../../PageComponentProps";
 import Route from "Common/Types/API/Route";
 import ObjectID from "Common/Types/ObjectID";
-import ModelDelete from "Common/UI/Components/ModelDelete/ModelDelete";
 import Navigation from "Common/UI/Utils/Navigation";
 import Dashboard from "Common/Models/DatabaseModels/Dashboard";
 import React, { Fragment, FunctionComponent, ReactElement } from "react";
+import DuplicateModel from "Common/UI/Components/DuplicateModel/DuplicateModel";
+import FormFieldSchemaType from "Common/UI/Components/Forms/Types/FormFieldSchemaType";
 
 const DashboardDelete: FunctionComponent<
   PageComponentProps
@@ -15,13 +16,34 @@ const DashboardDelete: FunctionComponent<
 
   return (
     <Fragment>
-      <ModelDelete
-        modelType={Dashboard}
-        modelId={modelId}
-        onDeleteSuccess={() => {
-          Navigation.navigate(RouteMap[PageMap.DASHBOARDS] as Route);
-        }}
-      />
+      <div className="mt-5">
+          <DuplicateModel
+            modelId={modelId}
+            modelType={Dashboard}
+            fieldsToDuplicate={{
+              description: true,
+              labels: true,
+              dashboardViewConfig: true
+            }}
+            navigateToOnSuccess={RouteUtil.populateRouteParams(
+              RouteMap[PageMap.DASHBOARDS] as Route,
+            )}
+            fieldsToChange={[
+              {
+                field: {
+                  name: true,
+                },
+                title: "New Dashboard Name",
+                fieldType: FormFieldSchemaType.Text,
+                required: true,
+                placeholder: "New Dashboard Name",
+                validation: {
+                  minLength: 2,
+                },
+              }
+            ]}
+          />
+        </div>
     </Fragment>
   );
 };

diff --git a/Dashboard/src/Pages/Dashboards/View/SideMenu.tsx b/Dashboard/src/Pages/Dashboards/View/SideMenu.tsx
@@ -42,7 +42,7 @@ const DashboardSideMenu: FunctionComponent<ComponentProps> = (
       </SideMenuSection>
 
       <SideMenuSection title="Advanced">
-      <SideMenuItem
+        <SideMenuItem
           link={{
             title: "Settings",
             to: RouteUtil.populateRouteParams(