FO-2772 justering av kolonner og visning av sist endret

Author: matiasvinjevoll

src/components/user-table/body/user-table-row.tsx

@@ -17,10 +17,10 @@ export const UserRow = (props: {bruker: Bruker}) => {
 		    <Element>{fnr}</Element>
 		    <Normaltekst>{formatDateStr(vedtakStartet)}</Normaltekst>
 		    <Normaltekst>{mapBrukerStatusTilTekst(status)}</Normaltekst>
-		    <Element>{beslutterNavn}</Element>
+		    <Element>{beslutterNavn || '-'}</Element>
 		    <Normaltekst>{veilederNavn}</Normaltekst>
-		    <Normaltekst>{fjernNavFraEnhetNavn(oppfolgingsenhetNavn)}</Normaltekst>
 		    <Normaltekst>{tidSiden(utkastSistEndret)}</Normaltekst>
+		    <Normaltekst>{fjernNavFraEnhetNavn(oppfolgingsenhetNavn)}</Normaltekst>
 	    </li>
     );
 };

src/components/user-table/header/user-table-header.tsx

@@ -53,8 +53,8 @@ export const UserTableHeader = (props: UserTableHeaderProps) => {
 		    <HeaderField name={HeaderFieldName.STATUS} text="Status" orderByData={orderByData} onOrderByChanged={handleOnOrderByChanged} />
 		    <HeaderField name={HeaderFieldName.BESLUTTER} text="Beslutter" orderByData={orderByData} onOrderByChanged={handleOnOrderByChanged} />
 		    <HeaderField name={HeaderFieldName.VEILEDER} text="Veileder" orderByData={orderByData} onOrderByChanged={handleOnOrderByChanged} />
-		    <HeaderField name={HeaderFieldName.OPFOLGING_ENHET} text="Enhet" orderByData={orderByData} onOrderByChanged={handleOnOrderByChanged} />
 		    <HeaderField name={HeaderFieldName.UTKAST_ENDRET} text="Sist endret" orderByData={orderByData} onOrderByChanged={handleOnOrderByChanged} />
+		    <HeaderField name={HeaderFieldName.OPFOLGING_ENHET} text="Enhet" orderByData={orderByData} onOrderByChanged={handleOnOrderByChanged} />
 			<UserTablePagination />
 	    </div>
     );

src/mock/data/brukere.ts

@@ -15,13 +15,18 @@ function randomFnr(): string {
 	return `${dag.toString().padStart(2, '0')}${mnd.toString().padStart(2, '0')}${ar.toString().padStart(2, '0')}${individsifre}${kontrollsifre}`;
 }
 
+function tEllerNull<T>(t: T): T | null {
+	if (randBetween(1, 5) === 1) return null;
+	else return t;
+}
+
 export const lagBrukere = (antallBrukere: number): Bruker[] => {
 	const brukere: Bruker[] = [];
 
 	for (let i = 0; i < antallBrukere; i++) {
 		const randomEnhet = faker.random.arrayElement(enheter);
 		const bruker: Bruker = {
-			beslutterNavn: faker.name.firstName() + ' ' + faker.name.lastName(),
+			beslutterNavn: tEllerNull(faker.name.firstName() + ' ' + faker.name.lastName()),
 			veilederNavn: faker.name.firstName() + ' ' + faker.name.lastName(),
 			fnr: randomFnr(),
 			fornavn: faker.name.firstName(),
@@ -37,4 +42,4 @@ export const lagBrukere = (antallBrukere: number): Bruker[] => {
 	}
 
 	return brukere;
-};
+};

src/rest/data/bruker.ts

@@ -12,11 +12,11 @@ export interface Bruker {
 	fornavn: string;
 	etternavn: string;
 	status: BrukerStatus;
-	beslutterNavn: string;
+	beslutterNavn: string | null;
 	veilederNavn: string;
 	utkastSistEndret: string; // dato
 
 	vedtakStartet: string; // dato
 	oppfolgingsenhetId: string;
 	oppfolgingsenhetNavn: string;
-}
+}

src/utils/date-utils.ts

@@ -17,19 +17,16 @@ export function daysFromToday(date: Date): number {
 	return today.diff(dayjs(date), 'day');
 }
 
-export function dagerSiden(dateStr: string): string {
+export function tidSiden(dateStr: string): string {
 	const date = dayjs(dateStr).toDate();
-	const days = daysFromToday(date);
+	const now = dayjs();
 
-	if (days <= 0) {
-		return 'i dag';
-	} else if (days < 30) {
-		return `${days} dager siden`;
-	}
+	const dager = now.diff(dayjs(date), 'day');
+	const timer = now.diff(dayjs(date), 'hour');
+	const minutter = now.diff(dayjs(date), 'minute');
 
-	return formatDate(date);
+	if (dager > 0) return `${dager} dager siden`;
+	else if (timer > 0) return `${timer} timer siden`;
+	else if (minutter > 0) return `${minutter} min siden`;
+	else return 'nå';
 }
-
-export function tidSiden(dateStr: string): string {
-	return '10 timer siden';
-}

src/utils/index.ts

@@ -17,18 +17,18 @@ export function fjernNavFraEnhetNavn(enhetNavn: string): string {
 
 export function mapBrukerStatusTilTekst(status: BrukerStatus): string {
 	switch (status) {
+		case BrukerStatus.KLAR_FOR_BESLUTTER:
+			return 'Trenger for beslutter';
 		case BrukerStatus.HAR_BESLUTTER:
 			return 'Har beslutter';
-		case BrukerStatus.KLAR_FOR_BESLUTTER:
-			return 'Klar for beslutter';
-		case BrukerStatus.KLAR_TIL_UTSENDING:
-			return 'Klar for utsending';
+		case BrukerStatus.VENTER_PA_VEILEDER:
+			return 'Venter på respons';
 		case BrukerStatus.VENTER_PA_BESLUTTER:
 			return 'Trenger tilbakemelding';
-		case BrukerStatus.VENTER_PA_VEILEDER:
-			return 'Venter på veileder';
+		case BrukerStatus.KLAR_TIL_UTSENDING:
+			return 'Klar for utsendelse';
 		default:
 			return '';
 
 	}
-}
+}