Skip to content

Commit 5a776d1

Browse files
emildohlenhansenemildohlenhansen
authored
Merge pull request #42 from navikt/TC-00_prettier-cleanup
Prettier
2 parents 0f54406 + c2f3209 commit 5a776d1

28 files changed

+350
-229
lines changed

‎src/components/datafetcher.tsx‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,11 @@ import { AlertStripeFeil } from 'nav-frontend-alertstriper';
55
import Spinner from './felles/spinner/spinner';
66

77
export function DataFetcher(props: { children: any }) {
8-
const { innloggetVeilederFetcher, aktivEnhetFetcher, tilhorerVeilederUtrulletKontorFetcher } = useDataFetcherStore();
8+
const {
9+
innloggetVeilederFetcher,
10+
aktivEnhetFetcher,
11+
tilhorerVeilederUtrulletKontorFetcher
12+
} = useDataFetcherStore();
913

1014
useEffect(() => {
1115
if (isNotStarted(innloggetVeilederFetcher)) {
@@ -23,13 +27,15 @@ export function DataFetcher(props: { children: any }) {
2327
}, [innloggetVeilederFetcher, aktivEnhetFetcher, tilhorerVeilederUtrulletKontorFetcher]);
2428

2529
// Trenger ikke å sjekke om aktivEnhetFetcher er ferdig
26-
if (isAnyNotStartedOrPending([innloggetVeilederFetcher, aktivEnhetFetcher, tilhorerVeilederUtrulletKontorFetcher])) {
30+
if (
31+
isAnyNotStartedOrPending([innloggetVeilederFetcher, aktivEnhetFetcher, tilhorerVeilederUtrulletKontorFetcher])
32+
) {
2733
return <Spinner />;
2834
} else if (hasAnyFailed([innloggetVeilederFetcher, aktivEnhetFetcher, tilhorerVeilederUtrulletKontorFetcher])) {
2935
return (
3036
<AlertStripeFeil className="vedtaksstotte-alert">
31-
Det oppnås for tiden ikke kontakt med alle baksystemer.
32-
Vi jobber med å løse saken. Vennligst prøv igjen senere.
37+
Det oppnås for tiden ikke kontakt med alle baksystemer. Vi jobber med å løse saken. Vennligst prøv igjen
38+
senere.
3339
</AlertStripeFeil>
3440
);
3541
}

‎src/components/filter-etiketter/etikett/filter-etikett.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,19 @@ import xIcon from './x.svg';
55
import './filter-etikett.less';
66

77
interface FilterEtikettProps {
8-
id: string;
9-
tekst: string;
10-
onRemoveClicked: OnRemoveClicked;
8+
id: string;
9+
tekst: string;
10+
onRemoveClicked: OnRemoveClicked;
1111
}
1212

1313
export const FilterEtikett = (props: FilterEtikettProps) => {
14-
const {id, tekst, onRemoveClicked} = props;
14+
const { id, tekst, onRemoveClicked } = props;
1515

16-
return (
17-
<button className="filter-etikett" onClick={() => onRemoveClicked(id)}>
18-
<EtikettInfo>
19-
{tekst} <img className="filter-etikett__icon" src={xIcon} alt="Fjern etikett" />
20-
</EtikettInfo>
21-
</button>
22-
);
16+
return (
17+
<button className="filter-etikett" onClick={() => onRemoveClicked(id)}>
18+
<EtikettInfo>
19+
{tekst} <img className="filter-etikett__icon" src={xIcon} alt="Fjern etikett" />
20+
</EtikettInfo>
21+
</button>
22+
);
2323
};

‎src/components/filter-etiketter/filter-etiketter.tsx‎

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -16,19 +16,34 @@ function lagFilterEtiketter(filters: Filters, onRemoveClicked: OnRemoveClicked)
1616

1717
if (!isEmpty(fnrOrName)) {
1818
filterEtiketter.push(
19-
<FilterEtikett key={NAVN_ELLER_FNR_FILTER} id={NAVN_ELLER_FNR_FILTER} tekst="Søk på navn eller fnr" onRemoveClicked={onRemoveClicked} />
19+
<FilterEtikett
20+
key={NAVN_ELLER_FNR_FILTER}
21+
id={NAVN_ELLER_FNR_FILTER}
22+
tekst="Søk på navn eller fnr"
23+
onRemoveClicked={onRemoveClicked}
24+
/>
2025
);
2126
}
2227

2328
if (enheter.length > 0) {
2429
filterEtiketter.push(
25-
<FilterEtikett key={ENHET_FILTER} id={ENHET_FILTER} tekst="Søk på enhet" onRemoveClicked={onRemoveClicked} />
30+
<FilterEtikett
31+
key={ENHET_FILTER}
32+
id={ENHET_FILTER}
33+
tekst="Søk på enhet"
34+
onRemoveClicked={onRemoveClicked}
35+
/>
2636
);
2737
}
2838

2939
if (status) {
3040
filterEtiketter.push(
31-
<FilterEtikett key={STATUS_FILTER} id={STATUS_FILTER} tekst="Søk på status" onRemoveClicked={onRemoveClicked} />
41+
<FilterEtikett
42+
key={STATUS_FILTER}
43+
id={STATUS_FILTER}
44+
tekst="Søk på status"
45+
onRemoveClicked={onRemoveClicked}
46+
/>
3247
);
3348
}
3449

@@ -54,9 +69,5 @@ export const FilterEtiketter = () => {
5469
return null;
5570
}
5671

57-
return (
58-
<div className="filter-etiketter">
59-
{etiketter}
60-
</div>
61-
);
72+
return <div className="filter-etiketter">{etiketter}</div>;
6273
};

‎src/components/filters/sokefelt/sokefelt.tsx‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -8,24 +8,27 @@ export const Sokefelt = () => {
88
const { filters, setFnrOrNameFilter } = useSokStore();
99
const [tekst, setTekst] = useState(filters.fnrOrName);
1010

11-
const oppdaterFilter = useCallback(debounce((nyTekst: string) => {
12-
setFnrOrNameFilter(nyTekst);
13-
}, 500), []);
11+
const oppdaterFilter = useCallback(
12+
debounce((nyTekst: string) => {
13+
setFnrOrNameFilter(nyTekst);
14+
}, 500),
15+
[]
16+
);
1417

1518
function handleOnQueryChanged(e: React.ChangeEvent<HTMLInputElement>) {
1619
const nyTekst = e.target.value;
1720
setTekst(nyTekst);
1821
oppdaterFilter(nyTekst);
1922
}
2023

21-
return (
22-
<div className="sokefelt">
23-
<Input
24-
label=""
25-
placeholder="Søk etter navn eller fødselsnummer"
26-
onChange={handleOnQueryChanged}
27-
value={tekst}
28-
/>
29-
</div>
30-
);
24+
return (
25+
<div className="sokefelt">
26+
<Input
27+
label=""
28+
placeholder="Søk etter navn eller fødselsnummer"
29+
onChange={handleOnQueryChanged}
30+
value={tekst}
31+
/>
32+
</div>
33+
);
3134
};

‎src/components/filters/status-dropdown/status-dropdown.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ import { mapBrukerStatusTilTekst } from '../../../utils';
66
import { useSokStore } from '../../../stores/sok-store';
77
import '../../filters/filters.less';
88

9-
109
export function mapStatusTilDropdownOption(status: UtkastStatus): DropdownOption {
1110
return { value: status, label: mapBrukerStatusTilTekst(status) };
1211
}

‎src/components/internflate-decorator/internflate-decorator-config.ts‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
// Typer er hentet fra https://github.com/navikt/internarbeidsflatedecorator/tree/dev/v2.1
22

33
export interface DecoratorConfig {
4-
appname: string; // Navn på applikasjon
5-
fnr?: FnrContextvalue; // Konfigurasjon av fødselsnummer-kontekst
6-
enhet?: EnhetContextvalue; // Konfigurasjon av enhet-kontekst
7-
toggles?: TogglesConfig; // Konfigurasjon av hvilke elementer som skal vises i dekoratøren
8-
markup?: Markup; // Ekstra innhold i dekoratøren, kan brukes om man trenger å legge en knapp innenfor dekoratøren
4+
appname: string; // Navn på applikasjon
5+
fnr?: FnrContextvalue; // Konfigurasjon av fødselsnummer-kontekst
6+
enhet?: EnhetContextvalue; // Konfigurasjon av enhet-kontekst
7+
toggles?: TogglesConfig; // Konfigurasjon av hvilke elementer som skal vises i dekoratøren
8+
markup?: Markup; // Ekstra innhold i dekoratøren, kan brukes om man trenger å legge en knapp innenfor dekoratøren
99

10-
useProxy?: boolean; // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path, og trenger derfor proxy oppsett. Default: false
11-
accessToken?: string; // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
10+
useProxy?: boolean; // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path, og trenger derfor proxy oppsett. Default: false
11+
accessToken?: string; // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
1212
}
1313

1414
interface TogglesConfig {
15-
visVeileder?: boolean; // Styrer om man skal vise informasjon om innlogget veileder
15+
visVeileder?: boolean; // Styrer om man skal vise informasjon om innlogget veileder
1616
}
1717

1818
interface Markup {
19-
etterSokefelt?: string; // Gir muligheten for sende inn egen html som blir en del av dekoratøren
19+
etterSokefelt?: string; // Gir muligheten for sende inn egen html som blir en del av dekoratøren
2020
}
2121

2222
// Fnr/Enhet-konfiguration støttet både `Controlled` og `Uncontrolled` operasjon.
@@ -48,4 +48,4 @@ export enum FnrDisplay {
4848
}
4949

5050
type EnhetContextvalue = Contextvalue<EnhetDisplay>;
51-
type FnrContextvalue = Contextvalue<FnrDisplay>;
51+
type FnrContextvalue = Contextvalue<FnrDisplay>;

‎src/components/internflate-decorator/internflate-decorator.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@ import { DecoratorConfig } from './internflate-decorator-config';
55
const Decorator: React.ComponentType<DecoratorConfig> = NAVSPA.importer<DecoratorConfig>('internarbeidsflatefs');
66

77
export function InternflateDecorator() {
8-
return (
9-
<nav>
10-
<Decorator {...lagDecoratorConfig()} />
11-
</nav>
12-
);
8+
return (
9+
<nav>
10+
<Decorator {...lagDecoratorConfig()} />
11+
</nav>
12+
);
1313
}
1414

1515
function lagDecoratorConfig(): DecoratorConfig {
16-
return {
17-
appname: 'Arbeidsrettet oppfølging',
18-
toggles: {
19-
visVeileder: true
20-
}
21-
};
16+
return {
17+
appname: 'Arbeidsrettet oppfølging',
18+
toggles: {
19+
visVeileder: true
20+
}
21+
};
2222
}

‎src/components/pagination-bar/pagination-bar.tsx‎

Lines changed: 75 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -8,79 +8,91 @@ import { useDataFetcherStore } from '../../stores/data-fetcher-store';
88
import { Element } from 'nav-frontend-typografi';
99
import { hasData } from '../../rest/utils';
1010

11-
function PagineringKnapp(props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) {
12-
const { className, children, ...rest } = props;
13-
return (
14-
<button className={cls(className, 'paginering__knapp')} {...rest}>
15-
{props.children}
16-
</button>
17-
);
11+
function PagineringKnapp(
12+
props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
13+
) {
14+
const { className, children, ...rest } = props;
15+
return (
16+
<button className={cls(className, 'paginering__knapp')} {...rest}>
17+
{props.children}
18+
</button>
19+
);
1820
}
1921

2022
export function PaginationBar() {
21-
const { currentPage, totalPages, seeAll, setCurrentPage, pageSize } = useSokStore();
22-
const { brukereFetcher } = useDataFetcherStore();
23+
const { currentPage, totalPages, seeAll, setCurrentPage, pageSize } = useSokStore();
24+
const { brukereFetcher } = useDataFetcherStore();
2325

24-
const erPaForsteSide: boolean = currentPage === 1;
25-
const erPaSisteSide: boolean = currentPage >= totalPages;
26+
const erPaForsteSide: boolean = currentPage === 1;
27+
const erPaSisteSide: boolean = currentPage >= totalPages;
2628

27-
const fraBruker = ((currentPage - 1) * pageSize) + 1;
28-
const tilBruker = ((currentPage - 1) * pageSize) + (brukereFetcher.data ? brukereFetcher.data.brukere.length : 0);
29-
const totaltBrukere = brukereFetcher.data ? brukereFetcher.data.totaltAntall : 0;
29+
const fraBruker = (currentPage - 1) * pageSize + 1;
30+
const tilBruker = (currentPage - 1) * pageSize + (brukereFetcher.data ? brukereFetcher.data.brukere.length : 0);
31+
const totaltBrukere = brukereFetcher.data ? brukereFetcher.data.totaltAntall : 0;
3032

31-
function handlePageChanged(newPage: number) {
32-
setCurrentPage(newPage);
33-
}
33+
function handlePageChanged(newPage: number) {
34+
setCurrentPage(newPage);
35+
}
3436

35-
// function handleSeeAllChanged() {
36-
// const toggledSeeAll = !seeAll;
37-
//
38-
// if (toggledSeeAll) {
39-
// setPageSize(SEE_ALL_PAGINATION_SIZE);
40-
// } else {
41-
// setPageSize(DEFAULT_PAGINATION_SIZE);
42-
// }
43-
//
44-
// setCurrentPage(1);
45-
// setSeeAll(toggledSeeAll);
46-
// }
37+
// function handleSeeAllChanged() {
38+
// const toggledSeeAll = !seeAll;
39+
//
40+
// if (toggledSeeAll) {
41+
// setPageSize(SEE_ALL_PAGINATION_SIZE);
42+
// } else {
43+
// setPageSize(DEFAULT_PAGINATION_SIZE);
44+
// }
45+
//
46+
// setCurrentPage(1);
47+
// setSeeAll(toggledSeeAll);
48+
// }
4749

48-
return (
49-
<div className="pagination-bar">
50-
<div>
51-
<Show if={hasData(brukereFetcher)}>
52-
<Element aria-live="polite">
53-
Viser {fraBruker}-{tilBruker} av totalt {totaltBrukere} brukere
54-
</Element>
55-
</Show>
56-
</div>
57-
<div className={cls('paginering')}>
58-
{/* Vent litt med "Se Alle" funksjonen siden ABAC ikke håndterer store spørringer */}
59-
{/*<PagineringKnapp onClick={handleSeeAllChanged}>*/}
60-
{/* {!seeAll ? 'Se alle' : 'Se færre'}*/}
61-
{/*</PagineringKnapp>*/}
62-
<PagineringKnapp aria-label="Forrige side" disabled={erPaForsteSide} onClick={() => handlePageChanged(currentPage - 1)}>
63-
<VenstreChevron/>
64-
</PagineringKnapp>
50+
return (
51+
<div className="pagination-bar">
52+
<div>
53+
<Show if={hasData(brukereFetcher)}>
54+
<Element aria-live="polite">
55+
Viser {fraBruker}-{tilBruker} av totalt {totaltBrukere} brukere
56+
</Element>
57+
</Show>
58+
</div>
59+
<div className={cls('paginering')}>
60+
{/* Vent litt med "Se Alle" funksjonen siden ABAC ikke håndterer store spørringer */}
61+
{/*<PagineringKnapp onClick={handleSeeAllChanged}>*/}
62+
{/* {!seeAll ? 'Se alle' : 'Se færre'}*/}
63+
{/*</PagineringKnapp>*/}
64+
<PagineringKnapp
65+
aria-label="Forrige side"
66+
disabled={erPaForsteSide}
67+
onClick={() => handlePageChanged(currentPage - 1)}
68+
>
69+
<VenstreChevron />
70+
</PagineringKnapp>
6571

66-
<Show if={!erPaForsteSide}>
67-
<PagineringKnapp aria-label="Første side" onClick={() => handlePageChanged(1)}>1</PagineringKnapp>
68-
</Show>
72+
<Show if={!erPaForsteSide}>
73+
<PagineringKnapp aria-label="Første side" onClick={() => handlePageChanged(1)}>
74+
1
75+
</PagineringKnapp>
76+
</Show>
6977

70-
<PagineringKnapp aria-live="polite" aria-label="Valgt side">
71-
<strong>{currentPage}</strong>
72-
</PagineringKnapp>
78+
<PagineringKnapp aria-live="polite" aria-label="Valgt side">
79+
<strong>{currentPage}</strong>
80+
</PagineringKnapp>
7381

74-
<Show if={!erPaSisteSide && !seeAll}>
75-
<PagineringKnapp aria-label="Siste side" onClick={() => handlePageChanged(totalPages)}>
76-
{totalPages}
77-
</PagineringKnapp>
78-
</Show>
82+
<Show if={!erPaSisteSide && !seeAll}>
83+
<PagineringKnapp aria-label="Siste side" onClick={() => handlePageChanged(totalPages)}>
84+
{totalPages}
85+
</PagineringKnapp>
86+
</Show>
7987

80-
<PagineringKnapp aria-label="Neste side" disabled={erPaSisteSide || seeAll} onClick={() => handlePageChanged(currentPage + 1)}>
81-
<HoyreChevron/>
82-
</PagineringKnapp>
83-
</div>
84-
</div>
85-
);
88+
<PagineringKnapp
89+
aria-label="Neste side"
90+
disabled={erPaSisteSide || seeAll}
91+
onClick={() => handlePageChanged(currentPage + 1)}
92+
>
93+
<HoyreChevron />
94+
</PagineringKnapp>
95+
</div>
96+
</div>
97+
);
8698
}

0 commit comments

Comments
 (0)