+ ${KattIngenNotifications({ className: cls.image })}
`;
}
diff --git a/packages/shared/types.ts b/packages/shared/types.ts
index 53adeb79..18f6792b 100644
--- a/packages/shared/types.ts
+++ b/packages/shared/types.ts
@@ -1,4 +1,4 @@
-import { Context, Environment, Language, Params } from "./params";
+import { Environment, Params } from "./params";
export enum MenuValue {
PRIVATPERSON = "privatperson",
@@ -148,24 +148,6 @@ export type AppState = {
features: Features;
};
-export type TaskAnalyticsUrlRule = {
- url: string;
- match: "exact" | "startsWith";
- exclude?: boolean;
-};
-
-export type TaskAnalyticsSurveyConfig = {
- id: string;
- selection?: number;
- duration?: {
- start?: string;
- end?: string;
- };
- urls?: TaskAnalyticsUrlRule[];
- audience?: Context[];
- language?: Language[];
-};
-
export type MainMenuContextLink = {
content: string;
description?: string;
diff --git a/packages/shared/views/illustrations/index.ts b/packages/shared/views/illustrations/index.ts
index 4ea4abdb..5a652382 100644
--- a/packages/shared/views/illustrations/index.ts
+++ b/packages/shared/views/illustrations/index.ts
@@ -1 +1,2 @@
export * from "./veileder";
+export * from "./katt-ingen-notifications";
diff --git a/packages/shared/views/illustrations/katt-ingen-notifications.ts b/packages/shared/views/illustrations/katt-ingen-notifications.ts
new file mode 100644
index 00000000..013ba499
--- /dev/null
+++ b/packages/shared/views/illustrations/katt-ingen-notifications.ts
@@ -0,0 +1,107 @@
+import html from "../../html";
+
+export const KattIngenNotifications = ({
+ className,
+}: { className?: string } = {}) =>
+ html``;
diff --git a/packages/shared/views/read-more.stories.ts b/packages/shared/views/read-more.stories.ts
new file mode 100644
index 00000000..ab15b331
--- /dev/null
+++ b/packages/shared/views/read-more.stories.ts
@@ -0,0 +1,31 @@
+import type { StoryObj, Meta } from "@storybook/html";
+import { ReadMore, ReadMoreProps } from "./read-more";
+import html from "../html";
+
+const meta: Meta
+ Når du deler skjerm med NAV kontaktsenter kan veilederen hjelpe
+ deg med å finne fram på nav.no.
+
+
+ Veilederen ser kun det du ser på nav.no og kan ikke fylle inn
+ opplysninger eller sende inn noe på dine vegne.
+
+
+ Det er du som godkjenner skjermdeling. Ingenting blir lagret.
+
+ `,
+ },
+};
diff --git a/packages/shared/views/read-more.ts b/packages/shared/views/read-more.ts
index e51ca52f..aecc650e 100644
--- a/packages/shared/views/read-more.ts
+++ b/packages/shared/views/read-more.ts
@@ -1,19 +1,20 @@
-import html from "../html";
-
import cls from "decorator-client/src/styles/read-more.module.css";
+import html, { Template } from "../html";
+import { DownChevronIcon } from "./icons";
-type ReadMoreProps = {
+export type ReadMoreProps = {
header: string;
- content: string[];
+ content: Template;
};
export const ReadMore = (props: ReadMoreProps) => {
return html`
-
+ ${DownChevronIcon({ className: cls.icon })}
+
+
`;
};
diff --git a/packages/shared/views/screensharing-modal.ts b/packages/shared/views/screensharing-modal.ts
index ffc7c64c..7409b2c9 100644
--- a/packages/shared/views/screensharing-modal.ts
+++ b/packages/shared/views/screensharing-modal.ts
@@ -1,15 +1,15 @@
import html, { Template } from "../html";
-import cls from "decorator-client/src/styles/screensharing-modal.module.css";
-import clsModal from "decorator-client/src/styles/modal.module.css";
import clsInputs from "decorator-client/src/styles/inputs.module.css";
+import clsModal from "decorator-client/src/styles/modal.module.css";
+import cls from "decorator-client/src/styles/screensharing-modal.module.css";
import { VeilederIllustration } from "decorator-shared/views/illustrations";
-import { Button } from "./components/button";
+import { match } from "ts-pattern";
import { Texts, WithTexts } from "../types";
-import { ReadMore } from "./read-more";
import { Alert } from "./alert";
-import { match } from "ts-pattern";
+import { Button } from "./components/button";
+import { ReadMore } from "./read-more";
export type ScreensharingModalProps = {
texts: Texts;
@@ -35,11 +35,11 @@ const ScreensharingModal = ({
${props.header}
-
- ${props.content.map((a) => html`
+ ${a}
`)} -
+ ${DownChevronIcon({ className: cls.icon })}
+ ${props.header}
+
+ ${props.content}
${texts.delskjerm_modal_beskrivelse}
${ReadMore({ header: texts.delskjerm_modal_hjelpetekst_overskrift, - content: [ - texts.delskjerm_modal_hjelpetekst_0, - texts.delskjerm_modal_hjelpetekst_1, - texts.delskjerm_modal_hjelpetekst_2, - ], + content: html` +${texts.delskjerm_modal_hjelpetekst_0}
+ ${texts.delskjerm_modal_hjelpetekst_1}
+ ${texts.delskjerm_modal_hjelpetekst_2}
+ `,
})}
${children}