FO-2760 Forbedring av mock data

Author: AlexGaard

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Bruker } from '../../rest/data/bruker';
-import { formatDateStr, formatDateTime } from '../../utils/date-utils';
+import { formatDateTime, dagerSiden } from '../../utils/date-utils';
 
 export const UserRow = (props: {bruker: Bruker}) => {
 	const {
@@ -13,7 +13,7 @@ export const UserRow = (props: {bruker: Bruker}) => {
     	<tr className="user-table__row">
 		    <td>{fnr}</td>
 		    <td>{fornavn + ' ' + etternavn}</td>
-		    <td>{formatDateStr(oppfolgingStartet)}</td>
+		    <td>{dagerSiden(oppfolgingStartet)}</td>
 		    <td>{oppfolgingsenhetNavn}</td>
 		    <td>{beslutterNavn}</td>
 		    <td>{status}</td>

src/mock/data/brukere.ts

@@ -1,22 +1,34 @@
 import faker from 'faker';
 import { Bruker, BrukerStatus } from '../../rest/data/bruker';
 import { enheter } from './enheter';
+import { randBetween } from '../../utils';
+
+function randomFnr(): string {
+	const dag = randBetween(1, 31);
+	const mnd = randBetween(1, 12);
+	const ar = randBetween(0, 99);
+	const arhundre = randBetween(0, 99).toString().padStart(2, '0');
+	const kjonnsiffer = faker.random.boolean() ? 4 : 1;
+	const individsifre = `${arhundre}${kjonnsiffer}`;
+	const kontrollsifre = `${randBetween(0, 9)}${randBetween(0, 9)}`;
+
+	return `${dag.toString().padStart(2, '0')}${mnd.toString().padStart(2, '0')}${ar.toString().padStart(2, '0')}${individsifre}${kontrollsifre}`;
+}
 
 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(),
-			fnr: faker.random.number(1231999999999).toString(),
+			fnr: randomFnr(),
 			fornavn: faker.name.firstName(),
 			etternavn: faker.name.lastName(),
-			oppfolgingStartet: faker.date.recent().toISOString(),
+			oppfolgingStartet: faker.date.recent(30).toISOString(),
 			oppfolgingsenhetId: randomEnhet.enhetId,
 			oppfolgingsenhetNavn: randomEnhet.navn,
-			status: BrukerStatus.KLAR_TIL_UTSENDING,
+			status: faker.random.objectElement(BrukerStatus) as BrukerStatus,
 			utkastSistEndret: faker.date.recent().toISOString()
 		};
 

src/utils/date-utils.ts

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
 
 export function formatDateTime(dateStr: string) {
-	return dayjs(dateStr).format('DD. MMM. YYYY kl. HH:mm');
+	return dayjs(dateStr).format('DD. MMM YYYY kl. HH:mm');
 }
 
 export function formatDateStr(dateStr: string) {
@@ -11,3 +11,21 @@ export function formatDateStr(dateStr: string) {
 export function formatDate(date: Date, format: string = 'DD.MM.YYYY') {
 	return dayjs(date).format(format);
 }
+
+export function daysFromToday(date: Date): number {
+	const today = dayjs();
+	return today.diff(dayjs(date), 'day');
+}
+
+export function dagerSiden(dateStr: string): string {
+	const date = dayjs(dateStr).toDate();
+	const days = daysFromToday(date);
+
+	if (days <= 0) {
+		return 'i dag';
+	} else if (days < 30) {
+		return `${days} dager siden`;
+	}
+
+	return formatDate(date);
+}

src/utils/index.ts

@@ -4,4 +4,8 @@ export function doNothing() {}
 
 export function isEmpty(str: string): boolean {
 	return str ? str.trim().length === 0 : true;
-}
+}
+
+export function randBetween(from: number, to: number): number {
+	return Math.round(Math.random() * (to - from) + from);
+}