Skip to content

Commit 016139b

Browse files
karl-runkarl-run
committed
chore: clean up demo/dev landing page
1 parent acf24c1 commit 016139b

File tree

2 files changed

+53
-34
lines changed

2 files changed

+53
-34
lines changed

‎src/app/(standalone)/page.tsx

+5-24
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
import { BodyShort, Detail, Heading } from '@navikt/ds-react'
22
import { VirusIcon } from '@navikt/aksel-icons'
3-
import { ReactElement, Suspense } from 'react'
3+
import { ReactElement } from 'react'
44
import { notFound } from 'next/navigation'
55
import { PageBlock } from '@navikt/ds-react/Page'
66

77
import { bundledEnv, isLocalOrDemo } from '@utils/env'
88

99
import ScenarioLinks from '../../devtools/ScenarioLinks'
10-
import { getHelseIdWellKnown } from '../../helseid/helseid-resources'
11-
import { getHelseIdUserInfo } from '../../helseid/helseid-userinfo'
1210

1311
export default function Home(): ReactElement {
1412
if (!isLocalOrDemo) {
@@ -26,36 +24,19 @@ export default function Home(): ReactElement {
2624
</div>
2725
</Heading>
2826

27+
<ScenarioLinks />
2928
<div className="border border-border-subtle p-3 rounded-sm mt-2">
3029
<Heading size="small" className="-mt-7 bg-white w-fit px-2 py-0">
3130
Metadata
3231
</Heading>
3332
<BodyShort size="small" className="mt-2">
3433
Runtime environment: <span className="font-bold">{bundledEnv.NEXT_PUBLIC_RUNTIME_ENV}</span>
3534
</BodyShort>
36-
<Suspense fallback={<div>Loading user info...</div>}>
37-
<TestHelseIdUserInfo />
38-
</Suspense>
35+
<BodyShort size="small" className="mt-2">
36+
Basepath: <span className="font-bold">{bundledEnv.NEXT_PUBLIC_BASE_PATH || '/'}</span>
37+
</BodyShort>
3938
</div>
40-
41-
<ScenarioLinks />
4239
</div>
4340
</PageBlock>
4441
)
4542
}
46-
47-
async function TestHelseIdUserInfo(): Promise<ReactElement> {
48-
const wellKnown = await getHelseIdWellKnown()
49-
const userInfo = await getHelseIdUserInfo()
50-
51-
return (
52-
<>
53-
<BodyShort size="small" className="mt-2">
54-
User info endpoint: <span className="font-bold">{wellKnown.userinfo_endpoint}</span>
55-
</BodyShort>
56-
<BodyShort size="small" className="mt-2">
57-
User info: <span className="font-bold">{JSON.stringify(userInfo)}</span>
58-
</BodyShort>
59-
</>
60-
)
61-
}

‎src/devtools/ScenarioLinks.tsx

+48-10
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,23 @@
11
'use client'
22

33
import React, { ReactElement } from 'react'
4-
import { Heading } from '@navikt/ds-react'
4+
import { BodyShort, Heading } from '@navikt/ds-react'
55
import { LinkPanel, LinkPanelDescription, LinkPanelTitle } from '@navikt/ds-react/LinkPanel'
6+
import { Density2Icon, NumberListIcon } from '@navikt/aksel-icons'
67

78
import { getAbsoluteURL, pathWithBasePath } from '@utils/url'
9+
import { ExpectedToggles } from '@toggles/toggles'
810

911
function ScenarioLinks(): ReactElement {
1012
return (
1113
<div className="border border-border-subtle p-3 rounded-sm mt-2">
1214
<Heading level="2" size="small" className="-mt-7 bg-white w-fit px-2 py-0">
13-
Examples
15+
Eksempler
1416
</Heading>
1517

1618
<div className="mt-2">
1719
<Heading level="3" size="xsmall" spacing>
18-
🔥 Launch example FHIR modes
20+
🔥 FHIR demo med egen data
1921
</Heading>
2022
<div className="flex gap-3">
2123
<LinkPanel
@@ -24,14 +26,49 @@ function ScenarioLinks(): ReactElement {
2426
)}
2527
border
2628
onClick={() => {
27-
document.cookie = `development-mode-override=fhir; path=/`
29+
document.cookie = `${'SYK_INN_MULTISTEP_FORM_V1' satisfies ExpectedToggles}=true; path=/`
2830
}}
2931
>
30-
<LinkPanelTitle className="text-medium leading-5">Launch mot syk-inn FHIR-mock</LinkPanelTitle>
31-
<LinkPanelDescription className="text-sm">
32-
Har norske data, hardkodet testdata
33-
</LinkPanelDescription>
32+
<div className="flex items-center gap-3">
33+
<Density2Icon aria-hidden fontSize="2rem" />
34+
<div>
35+
<LinkPanelTitle className="text-medium leading-5">
36+
Start demo med multi-steg skjema
37+
</LinkPanelTitle>
38+
<LinkPanelDescription className="text-sm">
39+
Har norske data, hardkodet testdata
40+
</LinkPanelDescription>
41+
</div>
42+
</div>
3443
</LinkPanel>
44+
<LinkPanel
45+
href={pathWithBasePath(
46+
`/fhir/launch?iss=${`${getAbsoluteURL()}/api/mocks/fhir&launch=local-dev-id`}`,
47+
)}
48+
border
49+
onClick={() => {
50+
document.cookie = `${'SYK_INN_MULTISTEP_FORM_V1' satisfies ExpectedToggles}=false; path=/`
51+
}}
52+
>
53+
<div className="flex items-center gap-3">
54+
<NumberListIcon aria-hidden fontSize="2rem" />
55+
<div>
56+
<LinkPanelTitle className="text-medium leading-5">
57+
Start demo med monolitisk skjema
58+
</LinkPanelTitle>
59+
<LinkPanelDescription className="text-sm">
60+
Har norske data, hardkodet testdata
61+
</LinkPanelDescription>
62+
</div>
63+
</div>
64+
</LinkPanel>
65+
</div>
66+
</div>
67+
<div className="mt-8">
68+
<Heading level="3" size="xsmall" spacing>
69+
🔥 FHIR demo andre datakilder
70+
</Heading>
71+
<div className="flex gap-3">
3572
<LinkPanel
3673
href={`${`${getAbsoluteURL()}/fhir/launch`}?iss=https%3A%2F%2Flaunch.smarthealthit.org%2Fv%2Fr4%2Ffhir&launch=WzAsImNkMDlmNWQ0LTU1ZjctNGEyNC1hMjVkLWE1YjY1YzdhODgwNSIsIiIsIkFVVE8iLDAsMCwwLCIiLCIiLCIiLCIiLCIiLCIiLCIiLDAsMSwiIl0`}
3774
border
@@ -62,10 +99,11 @@ function ScenarioLinks(): ReactElement {
6299
</LinkPanel>
63100
</div>
64101
</div>
65-
<div className="mt-4">
102+
<div className="mt-8">
66103
<Heading level="3" size="xsmall" spacing>
67-
⚠️ Standalone examples
104+
⚠️ Standalone eksempel
68105
</Heading>
106+
<BodyShort>Implementasjonen av standalone er foreløpig ikke fungerende.</BodyShort>
69107
<LinkPanel
70108
href={pathWithBasePath('/ny')}
71109
border

0 commit comments

Comments
 (0)