-
-
columns={columns} data={people} />
+ {renderContent()}
+
);
diff --git a/src/components/people/PeoplePagination.tsx b/src/components/people/PeoplePagination.tsx
new file mode 100644
index 0000000..caf264c
--- /dev/null
+++ b/src/components/people/PeoplePagination.tsx
@@ -0,0 +1,47 @@
+
+import { useRouter } from "next/router"
+import { useMemo } from "react"
+import { Button } from "../ui/button"
+import { ArrowLeft, ArrowRight } from "lucide-react"
+import Link from "next/link"
+
+export function PeoplePagination() {
+ const router = useRouter()
+ const { pathname } = router;
+ const { page = 1 } = router.query as { page: string }
+
+ const [nextPage, prevPage] = useMemo(() => {
+ const pageNum = parseInt(page.toString() || "1", 10)
+ return [pageNum + 1, pageNum - 1]
+
+ }, [page])
+
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/people/PersonBirthdayCell.tsx b/src/components/people/PersonBirthdayCell.tsx
index 2b9da47..2004952 100644
--- a/src/components/people/PersonBirthdayCell.tsx
+++ b/src/components/people/PersonBirthdayCell.tsx
@@ -33,9 +33,5 @@ export default function PersonBirthdayCell(
- return (
-
-
-
- )
+ return
}
diff --git a/src/components/people/PersonHideCell.tsx b/src/components/people/PersonHideCell.tsx
new file mode 100644
index 0000000..3bf43ce
--- /dev/null
+++ b/src/components/people/PersonHideCell.tsx
@@ -0,0 +1,45 @@
+import { IPerson } from "@/types/person";
+import React, { useState } from "react";
+import { DatePicker } from "../ui/datepicker";
+import { updatePerson } from "@/handlers/api/people.handler";
+import { formatDate } from "@/helpers/date.helper";
+import { Button } from "../ui/button";
+import { Switch } from "../ui/switch";
+import { Label } from "../ui/label";
+
+interface IProps {
+ person: IPerson;
+ onUpdate?: (person: IPerson) => any;
+}
+
+export default function PersonHideCell({ person, onUpdate }: IProps) {
+ const [loading, setLoading] = useState(false);
+ const [hidden, setHidden] = useState(person.isHidden);
+
+ const handleEdit = (hidden: boolean) => {
+ setLoading(true);
+ return updatePerson(person.id, {
+ isHidden: hidden,
+ })
+ .then(() => {
+ setHidden(hidden);
+ onUpdate?.({
+ ...person,
+ isHidden: hidden,
+ })
+ })
+ .catch(() => {})
+ .finally(() => {
+ setLoading(false);
+ });
+ };
+
+ return (
+
+ );
+}
diff --git a/src/components/people/PersonItem.tsx b/src/components/people/PersonItem.tsx
index 29ddc86..0d52b67 100644
--- a/src/components/people/PersonItem.tsx
+++ b/src/components/people/PersonItem.tsx
@@ -3,6 +3,9 @@ import React, { useState } from "react";
import { Avatar } from "../ui/avatar";
import { updatePerson } from "@/handlers/api/people.handler";
import { PersonMergeDropdown } from "./PersonMergeDropdown";
+import PersonBirthdayCell from "./PersonBirthdayCell";
+import PersonHideCell from "./PersonHideCell";
+import clsx from "clsx";
interface IProps {
person: IPerson;
@@ -27,25 +30,44 @@ export default function PersonItem({ person }: IProps) {
};
return (
-
-
+
+
+
+
+
{
+ setFormData(newData);
+ }}
+ />
+
+
{!editMode ? (
{
setEditMode((prev) => !prev);
}}
>
- {formData.name ? formData.name : Unknown}
+ {formData.name ? (
+ formData.name
+ ) : (
+ Unknown
+ )}
) : (
{
@@ -56,6 +78,7 @@ export default function PersonItem({ person }: IProps) {
/>
)}
+
);
}
diff --git a/src/components/people/PersonMergeDropdown.tsx b/src/components/people/PersonMergeDropdown.tsx
index dfec675..118fa41 100644
--- a/src/components/people/PersonMergeDropdown.tsx
+++ b/src/components/people/PersonMergeDropdown.tsx
@@ -90,7 +90,6 @@ export function PersonMergeDropdown(
})
};
- console.log(searchedPeople);
return (
diff --git a/src/components/ui/datepicker.tsx b/src/components/ui/datepicker.tsx
index 6ccd136..3053e3e 100644
--- a/src/components/ui/datepicker.tsx
+++ b/src/components/ui/datepicker.tsx
@@ -32,7 +32,7 @@ export function DatePicker(