project list

2026-06-16 14:35:37 +03:30
parent ad523d848f
commit 90cc91ac86
11 changed files with 236 additions and 1 deletions
@@ -0,0 +1,37 @@
+import { Add, Setting2 } from "iconsax-react";
+import { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import Button from "../../../../components/Button";
+import { Pages } from "../../../../config/Pages";
+
+type Props = {
+  title: string;
+  onSettingsClick?: () => void;
+};
+
+const ProjectListHeader: FC<Props> = ({ title, onSettingsClick }) => {
+  const { t } = useTranslation("global");
+
+  return (
+    <div className="flex w-full justify-between items-center">
+      <h1>{title}</h1>
+
+      <div className="flex items-center gap-3">
+        <Button onClick={onSettingsClick} className="flex items-center gap-2 bg-[#C3C7DD] text-black whitespace-nowrap px-4">
+          <Setting2 size={18} color="black" />
+          <span>{t("sidebar.setting")}</span>
+        </Button>
+
+        <Link to={Pages.taskmanager.createProject}>
+          <Button onClick={onSettingsClick} className="flex items-center gap-2 whitespace-nowrap px-4">
+            <Add size={18} color="white" />
+            <span>{t("taskmanager.new_project")}</span>
+          </Button>
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default ProjectListHeader;