Convert ToolBar to Typescript

2026-03-18 21:15:43 +01:00
parent fe814118b0
commit 1ed62a198c
1 changed files with 14 additions and 3 deletions
@@ -1,9 +1,20 @@
 import styles from "./ToolBar.module.css"
-import CreateEventBtn from "./tools/CreateEventBtn/CreateEventBtn.jsx";
+import CreateEventBtn from "./tools/CreateEventBtn/CreateEventBtn";
 import SearchBtn from "./tools/SearchBtn";
 import FilterBtn from "./tools/FilterBtn";

-function ToolBar({setFilters, filters, showCreate = true}) {
+interface Filters {
+    alphabetical: "asc" | "desc";
+    yearOrder: "asc" | "desc";
+}
+
+interface ToolBarProps {
+    setFilters: React.Dispatch<React.SetStateAction<Filters>>;
+    filters: Filters;
+    showCreate?: boolean;
+}
+
+function ToolBar({ setFilters, filters, showCreate = true }: ToolBarProps) {

    return (
        <div>
@@ -16,4 +27,4 @@ function ToolBar({setFilters, filters, showCreate = true}) {
    );
 }

-export default ToolBar;
+export default ToolBar;