Merge branch 'feature/MYD-42' into 'develop'

MYD-46/Edit tag interface

See merge request mydressin/mydressin-front!37

.vscode/extensions.json

+{
+  "recommendations": ["hediet.vscode-drawio"]
+}

src/app/dashboard/product/tags/[id]/edit/page.tsx

+import TagEditView from "@/shared/sections/product/add-list-tags/tag-edit-view";
+
+export const metadata = {
+  title: "Dashboard: Edit tag",
+};
+
+type Props = {
+  params: {
+    id: string;
+  };
+};
+
+export default function TagEditViewpage({ params }: Props) {
+  const { id } = params;
+
+  return <TagEditView id={id} />;
+}

src/shared/sections/product/add-list-tags/product-create-tags.tsx

@@ -4,9 +4,9 @@ import { useState } from "react";
 import Container from "@mui/material/Container";
 
 import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
+
 import Grid from "@mui/material/Grid";
-import TextField from "@mui/material/TextField";
+
 import Button from "@mui/material/Button";
 import Iconify from "@/shared/components/iconify";
 import { paths } from "@/routes/paths";
@@ -15,7 +15,9 @@ import Card from "@mui/material/Card";
 
 import { useBoolean } from "@/hooks/use-boolean";
 import ConfirmDialog from "@/shared/components/confirm-dialog";
-
+import ProductTagsForm from "./tags-edit-form";
+import { useRouter } from "@/hooks";
+import { useCallback } from "react";
 import {
   DataGrid,
   GridColDef,
@@ -31,7 +33,13 @@ export default function ProductTags() {
   const [selectedRowIds, setSelectedRowIds] = useState<GridRowSelectionModel>(
     []
   );
-
+  const router = useRouter();
+  const handleEditRow = useCallback(
+    (id: string) => {
+      router.push(paths.dashboard.product.editTag(id));
+    },
+    [router]
+  );
   const confirmRows = useBoolean();
   const Initialtags = [
     {
@@ -120,7 +128,7 @@ export default function ProductTags() {
           showInMenu
           icon={<Iconify icon="solar:pen-bold" />}
           label="modifier"
-          //onClick={() => handleEditRow(params.row.id)}
+          onClick={() => handleEditRow(params.row.id)}
         />,
 
         <GridActionsCellItem
@@ -179,35 +187,7 @@ export default function ProductTags() {
 
       <Grid container spacing={3}>
         <Grid item xs={4}>
-          <Card variant="outlined">
-            <Stack spacing={1.5} sx={{ p: 3 }}>
-              <Typography variant="subtitle2">Ajouter une Étiquette</Typography>
-
-              <TextField
-                name="nom"
-                label="Nom"
-                InputLabelProps={{ shrink: true }}
-              />
-
-              <TextField
-                label="Slug"
-                name="slug"
-                InputLabelProps={{ shrink: true }}
-              />
-
-              <TextField
-                name="Description"
-                label="Description  "
-                multiline
-                rows={4}
-                InputLabelProps={{ shrink: true }}
-              />
-
-              <Button type="submit" variant="contained" color="primary">
-                Ajouter Étiquette
-              </Button>
-            </Stack>
-          </Card>
+          <ProductTagsForm />
         </Grid>
 
         <Grid item xs={8}>

src/shared/sections/product/add-list-tags/tag-edit-view.tsx

+"use client";
+
+import Container from "@mui/material/Container";
+
+import { paths } from "@/routes/paths";
+
+import { useSettingsContext } from "@/shared/components/settings";
+
+import CustomBreadcrumbs from "@/shared/components/custom-breadcrumbs";
+import ProductTagsForm from "./tags-edit-form";
+
+// ----------------------------------------------------------------------
+
+type Props = {
+  id: string;
+};
+
+export default function TagEditView({ id }: Props) {
+  const settings = useSettingsContext();
+
+  return (
+    <Container maxWidth={settings.themeStretch ? false : "lg"}>
+      <CustomBreadcrumbs
+        heading="Modifier"
+        links={[
+          { name: "Dashboard", href: paths.dashboard.root },
+          {
+            name: "Étiquettes",
+            href: paths.dashboard.product.tags,
+          },
+          { name: "Modifier l’étiquette" },
+        ]}
+        sx={{
+          mb: { xs: 3, md: 5 },
+        }}
+      />
+
+      <ProductTagsForm />
+    </Container>
+  );
+}

src/shared/sections/product/add-list-tags/tags-edit-form.tsx

+"use client";
+
+import TextField from "@mui/material/TextField";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import Card from "@mui/material/Card";
+
+export default function ProductTagsForm() {
+  return (
+    <Card variant="outlined">
+      <Stack spacing={1.5} sx={{ p: 3 }}>
+        <Typography variant="subtitle2">Ajouter une Étiquette</Typography>
+
+        <TextField name="nom" label="Nom" InputLabelProps={{ shrink: true }} />
+
+        <TextField
+          label="Slug"
+          name="slug"
+          InputLabelProps={{ shrink: true }}
+        />
+
+        <TextField
+          name="Description"
+          label="Description  "
+          multiline
+          rows={4}
+          InputLabelProps={{ shrink: true }}
+        />
+
+        <Button type="submit" variant="contained" color="primary">
+          Enregister
+        </Button>
+      </Stack>
+    </Card>
+  );
+}