Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions src/app/actueleonderwerpen/page.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import Card from "@/components/card";

const Actueleonderwerpen = async () => {
return (
<>
<h1 className="text-3xl">Actuele onderwerpen</h1>
<div className="grid grid-cols-12 gap-4">
<div className="col-span-12 w-full space-y-5 md:col-span-8">
<Card className="space-y-5">
<h2 className="text-2xl">We zijn hier mee bezig</h2>
</Card>
</div>
</div>
</>
);
};

export default Actueleonderwerpen;
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,14 @@ import { useQuery } from "@tanstack/react-query";
import { GetBasisprofielByKvkNummer } from "@/network/kvk/basisprofiel/fetchers/getBasisprofielByKvkNummer";

const DetailSkeleton = () => (

<div className="grid grid-cols-[2fr_3fr_100px] items-center gap-2">
<h4 className="text-sm font-medium text-gray-700">
<div className="h-5 w-24 animate-pulse rounded bg-gray-200" />
</h4>
<div className="text-gray-900">
<div className="mt-1 h-5 w-32 animate-pulse rounded bg-gray-200" />
<div className="grid grid-cols-[2fr_3fr_100px] items-center gap-2">
<h4 className="text-sm font-medium text-gray-700">
<div className="h-5 w-24 animate-pulse rounded bg-gray-200" />
</h4>
<div className="text-gray-900">
<div className="mt-1 h-5 w-32 animate-pulse rounded bg-gray-200" />
</div>
</div>
</div>
);

const Detail = ({
Expand All @@ -29,32 +28,35 @@ const Detail = ({
</div>
);

const Bedrijfsprofiel = ({ kvk }: { kvk: string }) => {
const Bedrijfsgegevens = ({ kvk }: { kvk: string }) => {
const { data: profiel, isFetching } = useQuery({
queryKey: ["basisprofiel", kvk],
queryFn: () => GetBasisprofielByKvkNummer(kvk),
});

if (isFetching) {
return (
<>
<h1 className="text-3xl">Mijn bedrijfsgegevens</h1>
<div className="grid grid-cols-12 gap-4">
<div className="col-span-12 w-full space-y-5 md:col-span-8">
<Card className="space-y-5">
<h2 className="text-2xl">Algemene gegevens</h2>
<p>Dit zijn de gegevens die bij de overheid bekend zijn over jouw organisatie.</p>
<div className="flex w-full flex-col gap-4 overflow-x-auto">
<div className="flex flex-col gap-0 divide-y divide-neutral-300 bg-neutral-100 px-4 *:py-3">
{[...Array(6)].map((_, index) => (
<DetailSkeleton key={index} />
))}
<>
<h1 className="text-3xl">Mijn bedrijfsgegevens</h1>
<div className="grid grid-cols-12 gap-4">
<div className="col-span-12 w-full space-y-5 md:col-span-8">
<Card className="space-y-5">
<h2 className="text-2xl">Algemene gegevens</h2>
<p>
Dit zijn de gegevens die bij de overheid bekend zijn over jouw
organisatie.
</p>
<div className="flex w-full flex-col gap-4 overflow-x-auto">
<div className="flex flex-col gap-0 divide-y divide-neutral-300 bg-neutral-100 px-4 *:py-3">
{[...Array(6)].map((_, index) => (
<DetailSkeleton key={index} />
))}
</div>
</div>
</div>
</Card>
</Card>
</div>
</div>
</div>
</>
</>
);
}

Expand All @@ -69,25 +71,27 @@ const Bedrijfsprofiel = ({ kvk }: { kvk: string }) => {
<div className="col-span-12 w-full space-y-5 md:col-span-8">
<Card className="space-y-5">
<h2 className="text-2xl">Algemene gegevens</h2>
<p>Dit zijn de gegevens die bij de overheid bekend zijn over jouw organisatie.</p>
<p>
Dit zijn de gegevens die bij de overheid bekend zijn over jouw
organisatie.
</p>
<div className="flex w-full flex-col gap-4 overflow-x-auto">
<div className="flex flex-col gap-0 divide-y divide-neutral-300 bg-neutral-100 px-4 *:py-3">
<Detail label="Naam" value={profiel.naam} />
<Detail
label="formeleRegistratiedatum"
label="Formele registratie datum"
value={profiel.formeleRegistratiedatum}
/>
<Detail label="indNonMailing" value={profiel.indNonMailing} />
<Detail
label="statutaireNaaReactm"
label="Statutaire naam"
value={profiel.statutaireNaam}
/>
<Detail
label="vestigingsnummer"
label="Vestigingsnummer"
value={profiel._embedded?.hoofdvestiging?.vestigingsnummer}
/>
<Detail
label="totaalWerkzamePersonen"
label="Totaal werkzame personen"
value={profiel.totaalWerkzamePersonen}
/>
</div>
Expand All @@ -99,4 +103,4 @@ const Bedrijfsprofiel = ({ kvk }: { kvk: string }) => {
);
};

export default Bedrijfsprofiel;
export default Bedrijfsgegevens;
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { getKvkFromCookie } from "@/utils/kvknummer";
import Bedrijfsprofiel from "@/app/bedrijfsprofiel/bedrijfsprofiel";
import Bedrijfsprofiel from "@/app/bedrijfsgegevens/bedrijfsgegevens";

const IdentiteitPage = async () => {
const kvk = await getKvkFromCookie();
Expand Down
66 changes: 5 additions & 61 deletions src/layouts/navigation/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -84,9 +84,7 @@ const Navigation = () => {
const isHydrated = useHydratedFeatureFlags();
const currentFlags = useFeatureFlagsStore((s) => s.flags);

const hasAnyTrueFlag = Object.values(currentFlags).some(
(flag) => flag === true,
);
const hasAnyTrueFlag = Object.values(currentFlags).some((flag) => flag);

if (!isHydrated) return <NavigationSkeleton />;

Expand All @@ -101,34 +99,11 @@ const Navigation = () => {
</SidebarMenuItem>
</ul>

<ul>
<SidebarMenuItem
currentPage={pathname}
text={"Berichtenbox"}
//staat een redirect in next.config.ts dat /berichtenbox -> /berichtenbox/inbox gaat
route={"/berichtenbox"}
notification={1}
>
<g fill="currentColor" fillRule="evenodd">
<path d="M9.37 10.47a.675.675 0 0 1-.746 0L.9 5.36v8.37c0 .13.073.23.177.29l5.1-3.72s.077.058.005.147l-2.96 3.62h11.56l-2.96-3.62c-.073-.09.005-.147.005-.147l5.1 3.72a.333.333 0 0 0 .177-.29v-8.37L9.37 10.47z"></path>
<path d="M17.05 3.77a.333.333 0 0 0-.287-.17H1.237a.333.333 0 0 0-.287.17L9 9.1l8.05-5.33z"></path>
</g>
</SidebarMenuItem>

<SidebarMenuItem
currentPage={pathname}
text={"Contact momenten"}
route={"/contactmomenten"}
>
<path d="M3.24 10.44c.176.008.335.064.49.136 1.281.599 2.566 1.191 3.844 1.796.283.134.536.133.816.003 1.282-.597 2.571-1.181 3.851-1.78.392-.184.754-.208 1.138.013.268.152.562.267.84.404.206.1.21.182.015.294-.134.077-.28.136-.422.2-1.832.824-3.666 1.646-5.496 2.477-.282.128-.534.132-.816 0-1.904-.885-3.814-1.761-5.72-2.641-.09-.041-.203-.073-.202-.186.002-.105.114-.13.196-.165.376-.164.754-.325 1.13-.486.106-.046.218-.064.334-.065ZM3.246 7.44c.152-.007.298.045.441.112 1.283.596 2.572 1.184 3.848 1.794.323.154.599.145.912-.002 1.27-.594 2.546-1.174 3.816-1.766.368-.172.716-.191 1.082.006.279.15.576.273.862.411.226.11.235.202.006.314-.471.228-.95.44-1.429.656-1.472.662-2.946 1.32-4.414 1.992-.318.145-.597.149-.917 0-1.821-.85-3.648-1.687-5.474-2.528-.065-.029-.13-.058-.192-.09-.087-.045-.203-.074-.206-.184-.003-.118.12-.14.206-.178.358-.156.718-.306 1.074-.461.127-.055.233-.076.385-.076ZM7.91 7.584c.142.014.272-.046.4-.105l1.821-.819c1.31-.589 2.622-1.178 3.93-1.77.138-.062.326-.109.319-.288-.006-.162-.2-.174-.321-.229-1.451-.672-2.905-1.337-4.358-2.002-.45-.206-.904-.408-1.356-.61-.246-.112-.513-.11-.619-.003-1.981.909-3.963 1.814-5.944 2.722-.086.039-.208.064-.202.182.006.111.122.14.21.181l5.744 2.648c.117.053.234.103.376.093Z" />
</SidebarMenuItem>
</ul>

<ul>
<SidebarMenuItem
currentPage={pathname}
text={"Bedrijfsgegevens"}
route={"/bedrijfsprofiel"}
route={"/bedrijfsgegevens"}
>
<path
d="M18.3554 4.375H9.29291V3.75C9.29291 3.40481 9.01309 3.125 8.66791 3.125H3.98041C3.63522 3.125 3.35541 3.40481 3.35541 3.75V5.215C5.58328 5.36022 15.8846 6.03344 16.039 6.07441C16.1256 6.09738 16.1563 6.14125 16.1654 6.17938C16.1655 6.19166 16.1721 6.25175 16.162 6.25H1.64491C1.24175 6.25 0.944062 6.62603 1.03656 7.01841L3.24184 16.3934C3.32759 16.7571 3.61 16.875 3.98041 16.875H18.3554C18.7011 16.875 18.9804 16.5948 18.9804 16.25V5C18.9804 4.65478 18.7006 4.375 18.3554 4.375Z"
Expand All @@ -146,41 +121,10 @@ const Navigation = () => {

<SidebarMenuItem
currentPage={pathname}
text={"Belastingen"}
route={"#"}
text={"Actuele onderwerpen"}
route={"/actueleonderwerpen"}
>
<path
d="M4.99149 9.48199V7.78099H6.41949C6.79749 6.24098 7.49748 5.0755 8.51949 4.28449C9.54149 3.49349 10.7945 3.09799 12.2785 3.09799C12.6985 3.09799 13.087 3.11549 13.444 3.15049C13.801 3.18549 14.2035 3.25199 14.6515 3.34999V5.72299C14.1195 5.62499 13.689 5.55499 13.36 5.51299C13.031 5.47099 12.6495 5.44999 12.2155 5.44999C11.4595 5.44999 10.8435 5.64949 10.3675 6.04849C9.89148 6.44749 9.54149 7.02499 9.31749 7.78099H13.0135V9.48199H9.02349C9.00949 9.62199 8.99899 9.76549 8.99199 9.91249C8.98499 10.0595 8.98149 10.203 8.98149 10.343C8.98149 10.469 8.98499 10.588 8.99199 10.7C8.99899 10.812 9.00949 10.917 9.02349 11.015H13.0135V12.674H9.29649C9.52049 13.458 9.88448 14.025 10.3885 14.375C10.8925 14.725 11.4665 14.9 12.1105 14.9C12.6145 14.9 13.045 14.8755 13.402 14.8265C13.759 14.7775 14.2105 14.697 14.7565 14.585V16.832C14.1685 16.972 13.6925 17.063 13.3285 17.105C12.9645 17.147 12.4955 17.168 11.9215 17.168C10.4515 17.168 9.22299 16.797 8.23599 16.055C7.24898 15.313 6.60149 14.186 6.29349 12.674H4.99149V11.015H6.12549V10.595C6.12549 10.413 6.12899 10.224 6.13599 10.028C6.14299 9.83199 6.15349 9.64999 6.16749 9.48199H4.99149Z"
fill="#282828"
/>
</SidebarMenuItem>

<SidebarMenuItem
currentPage={pathname}
text={"Medewerkers"}
route={"/personeel"}
>
<path
d="M14.1016 5.04688C14.8527 5.04688 15.2891 4.57188 15.2891 3.73172C15.2891 2.89156 14.8734 2.375 14.1016 2.375C13.3297 2.375 12.9141 2.85 12.9141 3.73172C12.9141 4.50656 13.3505 5.04688 14.1016 5.04688ZM6.97062 2.375C7.62969 2.375 8.00969 1.89703 8.00969 1.20531C8.00969 0.418594 7.61188 0 6.97062 0C6.29672 0 5.93156 0.49875 5.93156 1.20531C5.93156 1.95344 6.31156 2.375 6.97062 2.375ZM11.7206 2.375C12.3797 2.375 12.7597 1.89703 12.7597 1.20531C12.7597 0.418594 12.3619 0 11.7206 0C11.0467 0 10.6816 0.49875 10.6816 1.20531C10.6816 1.95344 11.0616 2.375 11.7206 2.375ZM17.2989 10.45C17.1178 9.48219 16.8952 8.95375 16.815 8.28281C16.6339 6.79547 16.1827 6.08297 15.3366 5.82172C14.9358 5.69703 14.5498 5.64062 14.1134 5.64062H14.0986C13.6622 5.64062 13.2792 5.69703 12.8755 5.82172H12.8695C12.3381 5.985 12.0917 6.31156 12.0294 6.39172C12.3233 6.88156 12.5162 7.54359 12.6172 8.40156C12.6587 8.75484 12.7419 9.07844 12.8369 9.45547C12.9259 9.80281 13.0269 10.1977 13.1159 10.6994C13.2109 11.2278 13.1189 11.7177 12.8577 12.0769C12.6558 12.353 12.3678 12.5341 12.065 12.5756L11.9908 12.5845C12.0353 12.8873 12.065 13.2258 12.0858 13.5939C12.2461 13.6177 12.4866 13.6473 12.7686 13.6562L12.8309 17.8125C12.8309 17.8125 13.7839 17.667 13.8492 16.7319C13.8492 16.7319 13.9294 14.6419 13.968 13.5761C14.0155 13.5672 14.063 13.5613 14.1134 13.5523C14.155 13.5434 14.1966 13.5405 14.2411 13.5316C14.2767 14.5736 14.3598 16.7052 14.3598 16.7052C14.4073 17.667 15.3811 17.8125 15.3811 17.8125L15.4405 13.5138C15.8917 13.5553 16.3192 13.6295 16.3192 13.6295C16.3192 11.3555 15.7166 10.45 15.5295 9.7375C15.4286 9.3575 15.4494 8.96266 15.5414 8.58266C15.6275 8.22641 15.7373 7.89391 15.5652 7.19031C15.5652 7.19031 15.6572 7.35063 15.6928 7.45453C15.8947 8.03047 15.8353 9.14375 16.6547 11.7087C17.0109 11.6642 17.4473 11.2337 17.2989 10.447V10.45ZM5.84547 12.0769C5.58422 11.7177 5.49219 11.2278 5.58719 10.6994C5.67922 10.1977 5.77719 9.80578 5.86625 9.45547C5.96125 9.07844 6.04437 8.75484 6.08594 8.40156C6.21359 7.315 6.48375 6.54609 6.92609 6.03844C6.76937 5.94539 6.60053 5.87445 6.42437 5.82766C5.48625 5.57828 3.93953 5.57828 3.03703 5.82766C1.34484 6.29672 1.46656 9.45547 1.62688 10.9577C1.70703 11.7236 2.27406 11.9433 2.63625 11.9433V9.405C2.63625 8.78156 2.67781 8.17297 2.85 7.61484C2.87672 7.52578 2.93016 7.47828 2.97172 7.51391V17.8095C3.67234 17.8095 4.18594 17.3969 4.25125 16.5834C4.25125 16.5834 4.45016 11.8423 4.45312 11.7889C4.45312 11.7355 4.50656 11.6642 4.59859 11.6642C4.69062 11.6642 4.73812 11.7355 4.74109 11.7889C4.74109 11.8423 4.94 16.5923 4.94 16.5923C4.9875 17.3791 5.43578 17.8125 6.22844 17.8125V12.4272C6.08297 12.3411 5.94938 12.2223 5.8425 12.0769H5.84547ZM9.35156 5.04688C10.2095 5.04688 10.7023 4.44422 10.7023 3.57437C10.7023 2.58578 10.1858 2.05437 9.35156 2.05437C8.47281 2.05437 8.00078 2.68078 8.00078 3.57437C8.00078 4.51547 8.49656 5.04688 9.35156 5.04688Z"
fill="#282828"
/>
<path
d="M10.8478 8.78156C10.9369 8.39859 11.0527 8.04234 10.8716 7.28828C10.8716 7.28828 10.9666 7.46047 11.0052 7.57031C11.2159 8.18781 11.1536 9.38125 12.0056 12.1363C12.3767 12.0887 12.8309 11.6256 12.6795 10.7825C12.4925 9.74641 12.2609 9.17937 12.1748 8.45797C11.9878 6.86375 11.5128 6.09781 10.6341 5.81875C10.2155 5.68516 9.81469 5.62578 9.36047 5.62578H9.34562C8.89141 5.62578 8.49063 5.68813 8.07203 5.81875C7.19031 6.09781 6.71828 6.86375 6.53125 8.45797C6.44516 9.17937 6.21359 9.74641 6.02656 10.7825C5.87516 11.6256 6.32937 12.0858 6.70047 12.1363C7.5525 9.38422 7.49016 8.18781 7.70094 7.57031C7.73953 7.46047 7.83453 7.28828 7.83453 7.28828C7.65344 8.04531 7.76922 8.40156 7.85828 8.78156C7.95328 9.18828 7.97406 9.61281 7.87016 10.0195C7.67422 10.7825 7.04484 11.7859 7.04484 14.2233C7.04484 14.2233 7.67125 14.3925 8.68062 14.3064C8.71328 14.3598 8.70141 14.4311 8.61531 14.4905C8.54109 14.5439 8.31547 14.6478 7.86422 14.6627L8.02453 19C8.02453 19 9.01906 18.8427 9.08734 17.8422L9.20906 14.2381C9.25953 14.2292 9.31 14.2233 9.36047 14.2114C9.405 14.2025 9.44953 14.1966 9.49109 14.1906L9.61578 17.8095C9.66625 18.8427 10.6816 18.997 10.6816 18.997L10.8627 14.1698C11.3347 14.2173 11.6612 14.2945 11.6612 14.2945C11.6612 11.8572 11.0319 10.7795 10.8359 10.0136C10.732 9.60687 10.7528 9.18234 10.8478 8.77563V8.78156ZM4.60156 5.04688C5.35266 5.04688 5.78906 4.50953 5.78906 3.73172C5.78906 2.84703 5.33484 2.375 4.60156 2.375C3.82969 2.375 3.41406 2.93609 3.41406 3.73172C3.41406 4.57188 3.85047 5.04688 4.60156 5.04688Z"
fill="#282828"
/>
</SidebarMenuItem>

<SidebarMenuItem
currentPage={pathname}
text={"Zakelijk vervoer"}
route={"#"}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.1993 4.881C15.5785 4.653 15.8172 4.38 15.8846 4.244C16.0263 3.961 15.9326 3.473 15.3934 3.381C15.1547 3.341 14.7024 3.379 14.3026 3.428C13.993 2.452 13.455 0.865 13.1397 0.577C12.7182 0.192 11.2401 0 7.99943 0C4.75991 0 3.28179 0.192 2.86028 0.577C2.54616 0.865 2.007 2.452 1.69744 3.428C1.29764 3.379 0.845292 3.341 0.606554 3.381C0.0673949 3.473 -0.0262726 3.961 0.115371 4.244C0.182766 4.38 0.421504 4.653 0.800743 4.881C0.181624 5.61 0 6.244 0 7.423V10.645C0 10.645 0 11.588 0.150782 12.215C0.204469 12.444 0.446634 12.606 0.725352 12.606H2.79403C3.07275 12.606 3.31491 12.444 3.36974 12.215C3.45313 11.865 3.49083 11.417 3.50682 11.089L1.54551 10.747C1.44385 10.719 1.4587 10.661 1.46555 10.645H14.5344C14.5413 10.661 14.5562 10.719 14.4545 10.747L12.4932 11.089C12.5092 11.417 12.5469 11.865 12.6303 12.215C12.6851 12.444 12.9273 12.606 13.206 12.606H15.2746C15.5534 12.606 15.7944 12.444 15.8492 12.215C16 11.588 16 10.645 16 10.645V7.423C16 6.244 15.8184 5.61 15.1993 4.881ZM3.8061 1.328C3.99457 1.246 5.37331 1.106 7.99943 1.106C10.6267 1.106 12.0054 1.246 12.1939 1.328C12.3801 1.604 12.9729 3.398 13.1431 4.122C12.2076 4.35 10.0795 4.504 7.99943 4.504C5.92047 4.504 3.79239 4.35 2.85686 4.122C3.02592 3.398 3.6199 1.604 3.8061 1.328ZM14.4865 7.69L14.5641 7.218C14.6121 6.926 14.2694 6.678 13.9313 6.76L12.4064 7.131C12.074 7.243 11.8238 7.47 11.7164 7.755L11.5074 8.434C11.48 8.524 11.5725 8.614 11.6856 8.606L13.5692 8.474C14.0798 8.438 14.3928 8.082 14.4865 7.69ZM9.91961 9.805V8.965H6.07925V9.805H9.91961ZM2.43078 8.474L4.31441 8.606C4.4275 8.614 4.52003 8.524 4.49261 8.434L4.28357 7.755C4.1762 7.47 3.92604 7.243 3.59363 7.131L2.06868 6.76C1.73056 6.678 1.38788 6.926 1.43585 7.218L1.51353 7.69C1.6072 8.082 1.92018 8.438 2.43078 8.474Z"
fill="#282828"
/>
<path d="M3.24 10.44c.176.008.335.064.49.136 1.281.599 2.566 1.191 3.844 1.796.283.134.536.133.816.003 1.282-.597 2.571-1.181 3.851-1.78.392-.184.754-.208 1.138.013.268.152.562.267.84.404.206.1.21.182.015.294-.134.077-.28.136-.422.2-1.832.824-3.666 1.646-5.496 2.477-.282.128-.534.132-.816 0-1.904-.885-3.814-1.761-5.72-2.641-.09-.041-.203-.073-.202-.186.002-.105.114-.13.196-.165.376-.164.754-.325 1.13-.486.106-.046.218-.064.334-.065ZM3.246 7.44c.152-.007.298.045.441.112 1.283.596 2.572 1.184 3.848 1.794.323.154.599.145.912-.002 1.27-.594 2.546-1.174 3.816-1.766.368-.172.716-.191 1.082.006.279.15.576.273.862.411.226.11.235.202.006.314-.471.228-.95.44-1.429.656-1.472.662-2.946 1.32-4.414 1.992-.318.145-.597.149-.917 0-1.821-.85-3.648-1.687-5.474-2.528-.065-.029-.13-.058-.192-.09-.087-.045-.203-.074-.206-.184-.003-.118.12-.14.206-.178.358-.156.718-.306 1.074-.461.127-.055.233-.076.385-.076ZM7.91 7.584c.142.014.272-.046.4-.105l1.821-.819c1.31-.589 2.622-1.178 3.93-1.77.138-.062.326-.109.319-.288-.006-.162-.2-.174-.321-.229-1.451-.672-2.905-1.337-4.358-2.002-.45-.206-.904-.408-1.356-.61-.246-.112-.513-.11-.619-.003-1.981.909-3.963 1.814-5.944 2.722-.086.039-.208.064-.202.182.006.111.122.14.21.181l5.744 2.648c.117.053.234.103.376.093Z" />
</SidebarMenuItem>
</ul>

Expand Down