@@ -5,15 +5,14 @@ import { useQuery } from "@tanstack/react-query";
55import { GetBasisprofielByKvkNummer } from "@/network/kvk/basisprofiel/fetchers/getBasisprofielByKvkNummer" ;
66
77const DetailSkeleton = ( ) => (
8-
9- < div className = "grid grid-cols-[2fr_3fr_100px] items-center gap-2 " >
10- < h4 className = "text-sm font-medium text- gray-700" >
11- < div className = "h-5 w-24 animate-pulse rounded bg-gray-200" / >
12- </ h4 >
13- < div className = "text- gray-900" >
14- < div className = "mt-1 h-5 w-32 animate-pulse rounded bg-gray-200" / >
8+ < div className = "grid grid-cols-[2fr_3fr_100px] items-center gap-2" >
9+ < h4 className = "text-sm font-medium text-gray-700 " >
10+ < div className = "h-5 w-24 animate-pulse rounded bg- gray-200" / >
11+ </ h4 >
12+ < div className = "text-gray-900" >
13+ < div className = "mt-1 h-5 w-32 animate-pulse rounded bg- gray-200" / >
14+ </ div >
1515 </ div >
16- </ div >
1716) ;
1817
1918const Detail = ( {
@@ -29,32 +28,35 @@ const Detail = ({
2928 </ div >
3029) ;
3130
32- const Bedrijfsprofiel = ( { kvk } : { kvk : string } ) => {
31+ const Bedrijfsgegevens = ( { kvk } : { kvk : string } ) => {
3332 const { data : profiel , isFetching } = useQuery ( {
3433 queryKey : [ "basisprofiel" , kvk ] ,
3534 queryFn : ( ) => GetBasisprofielByKvkNummer ( kvk ) ,
3635 } ) ;
3736
3837 if ( isFetching ) {
3938 return (
40- < >
41- < h1 className = "text-3xl" > Mijn bedrijfsgegevens</ h1 >
42- < div className = "grid grid-cols-12 gap-4" >
43- < div className = "col-span-12 w-full space-y-5 md:col-span-8" >
44- < Card className = "space-y-5" >
45- < h2 className = "text-2xl" > Algemene gegevens</ h2 >
46- < p > Dit zijn de gegevens die bij de overheid bekend zijn over jouw organisatie.</ p >
47- < div className = "flex w-full flex-col gap-4 overflow-x-auto" >
48- < div className = "flex flex-col gap-0 divide-y divide-neutral-300 bg-neutral-100 px-4 *:py-3" >
49- { [ ...Array ( 6 ) ] . map ( ( _ , index ) => (
50- < DetailSkeleton key = { index } />
51- ) ) }
39+ < >
40+ < h1 className = "text-3xl" > Mijn bedrijfsgegevens</ h1 >
41+ < div className = "grid grid-cols-12 gap-4" >
42+ < div className = "col-span-12 w-full space-y-5 md:col-span-8" >
43+ < Card className = "space-y-5" >
44+ < h2 className = "text-2xl" > Algemene gegevens</ h2 >
45+ < p >
46+ Dit zijn de gegevens die bij de overheid bekend zijn over jouw
47+ organisatie.
48+ </ p >
49+ < div className = "flex w-full flex-col gap-4 overflow-x-auto" >
50+ < div className = "flex flex-col gap-0 divide-y divide-neutral-300 bg-neutral-100 px-4 *:py-3" >
51+ { [ ...Array ( 6 ) ] . map ( ( _ , index ) => (
52+ < DetailSkeleton key = { index } />
53+ ) ) }
54+ </ div >
5255 </ div >
53- </ div >
54- </ Card >
56+ </ Card >
57+ </ div >
5558 </ div >
56- </ div >
57- </ >
59+ </ >
5860 ) ;
5961 }
6062
@@ -69,25 +71,27 @@ const Bedrijfsprofiel = ({ kvk }: { kvk: string }) => {
6971 < div className = "col-span-12 w-full space-y-5 md:col-span-8" >
7072 < Card className = "space-y-5" >
7173 < h2 className = "text-2xl" > Algemene gegevens</ h2 >
72- < p > Dit zijn de gegevens die bij de overheid bekend zijn over jouw organisatie.</ p >
74+ < p >
75+ Dit zijn de gegevens die bij de overheid bekend zijn over jouw
76+ organisatie.
77+ </ p >
7378 < div className = "flex w-full flex-col gap-4 overflow-x-auto" >
7479 < div className = "flex flex-col gap-0 divide-y divide-neutral-300 bg-neutral-100 px-4 *:py-3" >
7580 < Detail label = "Naam" value = { profiel . naam } />
7681 < Detail
77- label = "formeleRegistratiedatum "
82+ label = "Formele registratie datum "
7883 value = { profiel . formeleRegistratiedatum }
7984 />
80- < Detail label = "indNonMailing" value = { profiel . indNonMailing } />
8185 < Detail
82- label = "statutaireNaaReactm "
86+ label = "Statutaire naam "
8387 value = { profiel . statutaireNaam }
8488 />
8589 < Detail
86- label = "vestigingsnummer "
90+ label = "Vestigingsnummer "
8791 value = { profiel . _embedded ?. hoofdvestiging ?. vestigingsnummer }
8892 />
8993 < Detail
90- label = "totaalWerkzamePersonen "
94+ label = "Totaal werkzame personen "
9195 value = { profiel . totaalWerkzamePersonen }
9296 />
9397 </ div >
@@ -99,4 +103,4 @@ const Bedrijfsprofiel = ({ kvk }: { kvk: string }) => {
99103 ) ;
100104} ;
101105
102- export default Bedrijfsprofiel ;
106+ export default Bedrijfsgegevens ;
0 commit comments