Merge remote-tracking branch 'origin/master' into replace-mail

.env.localow4

@@ -0,0 +1,2 @@
+OW4_SSO_CLIENT_ID='837461'
+OW4_ADDRESS='http://localhost:8000

.npmrc

@@ -0,0 +1 @@
+node-options="--openssl-legacy-provider"

src/common/components/Modal/ConfirmModal.tsx

@@ -0,0 +1,30 @@
+import { Modal, Button } from '@dotkomonline/design-system';
+import React, { FC } from 'react';
+import style from './modal.less';
+
+interface ConfirmModalProps {
+  title?: string;
+  message?: string;
+  open: boolean;
+  onClose: (retValue: boolean) => void;
+}
+
+export const ConfirmModal: FC<ConfirmModalProps> = ({
+  title = 'Er du sikker?',
+  message = 'Er du sikker på at du ønsker å gjøre dette?',
+  onClose,
+  open,
+}) => {
+  return (
+    <Modal open={open} onClose={() => onClose(false)}>
+      <h1 className={style.title}>{title}</h1>
+      <p className={style.message}>{message}</p>
+      <div className={style.buttonContainer}>
+        <Button onClick={() => onClose(true)}>Ja</Button>
+        <Button variant="outline" onClick={() => onClose(false)}>
+          Nei
+        </Button>
+      </div>
+    </Modal>
+  );
+};

src/common/components/Modal/index.ts

@@ -0,0 +1 @@
+export { ConfirmModal } from './ConfirmModal';

src/common/components/Modal/modal.less

@@ -0,0 +1,24 @@
+.title {
+  font-size: 1.2rem;
+  font-weight: bold;
+  margin-bottom: 0.5rem;
+}
+
+.message {
+  font-size: 1.1rem;
+}
+
+.buttonContainer {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+  width: 100%;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+
+  & > button {
+    padding: 0.5rem 1.4rem;
+    min-width: 5rem;
+  }
+}