diff --git a/src/app/(private)/berichteninuwbuurt/_publicatiesOverzicht.tsx b/src/app/(private)/berichteninuwbuurt/_publicatiesOverzicht.tsx
index 60da06c..d23f40e 100644
--- a/src/app/(private)/berichteninuwbuurt/_publicatiesOverzicht.tsx
+++ b/src/app/(private)/berichteninuwbuurt/_publicatiesOverzicht.tsx
@@ -3,8 +3,8 @@
import { useEffect, useState } from "react";
import { useQuery } from "@tanstack/react-query";
import { getKvkFromCookie } from "@/utils/kvknummer";
-import { useGetProfielInformation } from "@/network/profiel/hooks/getProfielInformation/useGetProfielInformation";
-import { getPublicatiesByPostcodes } from "@/network/sru/fetchers/getPublicatiesByPostcodes";
+import { useGetVoorkeuren } from "@/network/actualiteiten/hooks/getVoorkeuren/useGetVoorkeuren";
+import { getBerichten } from "@/network/actualiteiten/fetchers/getBerichten";
import PublicatieCard from "./_publicatieCard";
const PAGE_SIZE = 5;
@@ -15,27 +15,24 @@ const PublicatiesOverzicht = () => {
getKvkFromCookie().then(setKvkNummer);
}, []);
- const { data: profielData, status: profielStatus } =
- useGetProfielInformation("KVK", kvkNummer ?? "");
+ const { data: voorkeuren, status: voorkeurenStatus } = useGetVoorkeuren(
+ "KVK",
+ kvkNummer ?? "",
+ );
const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
- const voorkeuren = profielData?.data?.voorkeuren ?? [];
- const postcodes = voorkeuren
- .filter((v) => v.voorkeurType === "PostcodeInUwBuurt")
- .map((v) => v.waarde!)
+ const postcodes = (voorkeuren?.postcodes ?? [])
+ .map((v) => v.postcode!)
.filter(Boolean);
- const {
- data: publicaties = [],
- status: pubStatus,
- } = useQuery({
- queryKey: ["publicaties", postcodes],
- queryFn: () => getPublicatiesByPostcodes(postcodes),
- enabled: postcodes.length > 0,
+ const { data: publicaties = [], status: pubStatus } = useQuery({
+ queryKey: ["actualiteiten", "berichten", kvkNummer, postcodes],
+ queryFn: () => getBerichten("KVK", kvkNummer!),
+ enabled: Boolean(kvkNummer) && postcodes.length > 0,
});
- if (kvkNummer == null || profielStatus === "pending") return null;
+ if (kvkNummer == null || voorkeurenStatus === "pending") return null;
const visible = publicaties.slice(0, visibleCount);
diff --git a/src/app/(private)/contactgegevens/[type]/_aanhefEditBox.tsx b/src/app/(private)/contactgegevens/[type]/_aanhefEditBox.tsx
new file mode 100644
index 0000000..585f979
--- /dev/null
+++ b/src/app/(private)/contactgegevens/[type]/_aanhefEditBox.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { useRef, useState } from "react";
+import { components } from "@/network/profiel/generated";
+import { useUpdateVoorkeur } from "@/network/profiel/hooks/updateVoorkeur/useUpdateVoorkeur";
+import { EditIcon } from "@/components/icons/editIcon";
+import { useQueryClient } from "@tanstack/react-query";
+import { EditBoxButton } from "@/app/(private)/contactgegevens/[type]/_editBoxButton";
+
+export const AanhefEditBox = ({
+ idenType,
+ idenValue,
+ voorkeur,
+}: {
+ idenType: "KVK" | "BSN";
+ idenValue: string;
+ voorkeur?: components["schemas"]["VoorkeurResponse"];
+}) => {
+ const [fieldState, setFieldState] = useState<"view" | "edit">("view");
+ const [errorMessage, setErrorMessage] = useState
();
+ const inputRef = useRef(null);
+ const { mutate } = useUpdateVoorkeur();
+ const queryClient = useQueryClient();
+
+ const [newValue, setNewValue] = useState(voorkeur?.waarde || "");
+ const [prevWaarde, setPrevWaarde] = useState(voorkeur?.waarde);
+ if (voorkeur?.waarde !== prevWaarde) {
+ setPrevWaarde(voorkeur?.waarde);
+ setNewValue(voorkeur?.waarde || "");
+ }
+
+ return (
+
+ );
+};
diff --git a/src/app/(private)/contactgegevens/[type]/_contactEditBox.tsx b/src/app/(private)/contactgegevens/[type]/_contactEditBox.tsx
index 4e781e5..b4c2448 100644
--- a/src/app/(private)/contactgegevens/[type]/_contactEditBox.tsx
+++ b/src/app/(private)/contactgegevens/[type]/_contactEditBox.tsx
@@ -12,31 +12,7 @@ import { Notification } from "@/components/notifications";
import { EditIcon } from "@/components/icons/editIcon";
import { CheckCircleIcon } from "@/components/icons/checkCircleIcon";
import { useQueryClient } from "@tanstack/react-query";
-
-const ButtonBase = ({
- className,
- onClick,
- children,
- type = "button",
- icon,
-}: {
- className?: string;
- onClick?: () => void;
- children: React.ReactNode;
- type?: "button" | "submit" | "reset";
- icon?: React.ReactNode;
-}) => {
- return (
-
- );
-};
+import { EditBoxButton } from "@/app/(private)/contactgegevens/[type]/_editBoxButton";
const contactSchemas = {
Email: z.string().email("Voer een geldig e-mailadres in"),
@@ -228,7 +204,7 @@ export const ContactEditBox = ({
setVerificationCode(e.target.value);
}}
/>
- }
type="submit"
onClick={() => {
@@ -236,7 +212,7 @@ export const ContactEditBox = ({
}}
>
Verifieer
-
+