Suggest task flow pt1

2024-03-12 15:50:47 +01:00
parent 60cc6f375e
commit 044c8edf7d
8 changed files with 140 additions and 73 deletions
@@ -1,22 +1,25 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
+import React from "react";
+import { Link } from "react-router-dom";

-export default function CustomBreadcrumb({title, breadcrumb}) {
+export default function CustomBreadcrumb({ title, breadcrumb }) {
  return (
    <div className="">
-        <h3 className="text-26 font-bold text-dark-gray dark:text-white">{title}</h3>
-        <nav aria-label="breadcrumb" className='text-base text-dark-gray dark:text-white flex items-center'>
-            {breadcrumb.map((value, index) => (
-                <p key={index}>
-                    <Link className={`${value.active ? 'opacity-60' : ''}`} to={value.link}>{value.title}</Link>
-                    {index != breadcrumb.length - 1 ?
-                    <span className='px-1'>/</span>
-                    :
-                    null
-                    }
-                </p>
-            ))}
-        </nav>
+      <h3 className="text-26 font-bold text-dark-gray dark:text-white">
+        {title}
+      </h3>
+      <nav
+        aria-label="breadcrumb"
+        className="text-base text-dark-gray dark:text-white flex items-center"
+      >
+        {breadcrumb.map((value, index) => (
+          <React.Fragment key={index}>
+            <Link className={value.active ? "opacity-60" : ""} to={value.link}>
+              {value.title}
+            </Link>
+            {index !== breadcrumb.length - 1 && <span className="px-1">\</span>}
+          </React.Fragment>
+        ))}
+      </nav>
    </div>
-  )
+  );
 }