diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 000000000..9e0acf914 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,7 @@ +[*] +charset = utf-8 +end_of_line = lf +indent_size = 4 +indent_style = space +insert_final_newline = true +max_line_length = 120 diff --git a/.github/workflows/bygg-og-deploy-dev.yml b/.github/workflows/bygg-og-deploy-dev.yml index 9bc937954..79ae6fe7a 100644 --- a/.github/workflows/bygg-og-deploy-dev.yml +++ b/.github/workflows/bygg-og-deploy-dev.yml @@ -31,8 +31,12 @@ jobs: run: npm ci env: NODE_AUTH_TOKEN: ${{ secrets.READER_TOKEN }} - - name: Kjør tester - run: npm run test + - name: Typescript + run: npm run ts + - name: Prettier + run: npm run prettier + - name: Kjør tester + run: npm run test - name: Server build working-directory: ./server run: npm run build diff --git a/.github/workflows/bygg-og-deploy-master.yml b/.github/workflows/bygg-og-deploy-master.yml index a69fb7b0f..e8851c4d7 100644 --- a/.github/workflows/bygg-og-deploy-master.yml +++ b/.github/workflows/bygg-og-deploy-master.yml @@ -33,8 +33,12 @@ jobs: run: npm ci env: NODE_AUTH_TOKEN: ${{ secrets.READER_TOKEN }} - - name: Kjør tester - run: npm run test + - name: Typescript + run: npm run ts + - name: Prettier + run: npm run prettier + - name: Kjør tester + run: npm run test - name: Server build working-directory: ./server run: npm run build @@ -42,7 +46,7 @@ jobs: run: npm run build - name: Sentry release run: npm run release - - name: Remove source maps + - name: Fjerne source maps run: | rm dist/assets/*.map - name: Bygg, tag og push Docker-image diff --git a/.husky/.gitignore b/.husky/.gitignore new file mode 100644 index 000000000..31354ec13 --- /dev/null +++ b/.husky/.gitignore @@ -0,0 +1 @@ +_ diff --git a/.husky/pre-commit b/.husky/pre-commit new file mode 100755 index 000000000..36af21989 --- /dev/null +++ b/.husky/pre-commit @@ -0,0 +1,4 @@ +#!/bin/sh +. "$(dirname "$0")/_/husky.sh" + +npx lint-staged diff --git a/.prettierrc b/.prettierrc index 82549fa6e..094bf41c9 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,6 +1,3 @@ -# .prettierrc or .prettierrc.yaml -trailingComma: 'es5' -tabWidth: 4 -semi: true -singleQuote: true printWidth: 120 +singleQuote: true +tabWidth: 4 diff --git a/README.md b/README.md index c76cf5f18..956f8c205 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,7 @@ Kjør container Åpnes i browser: [http://localhost:3000/tiltaksgjennomforing](http://localhost:3000/tiltaksgjennomforing) ## Installere + Før du kjører `install` så må du sette opp autentisering mot @navikt. `@navikt` pakker publiseres nå kun i GitHub Packages registry'et. diff --git a/package-lock.json b/package-lock.json index 53d858d13..987188f55 100644 --- a/package-lock.json +++ b/package-lock.json @@ -45,13 +45,18 @@ "@types/react-responsive": "^8.0.8", "@types/react-router-dom": "^5.3.3", "@vitejs/plugin-react": "^4.2.1", + "husky": "^9.0.10", "less": "^4.2.0", + "lint-staged": "^15.2.2", "prettier": "^3.2.5", "svgo": "^3.2.0", "typescript": "^5.3.3", "vite": "^5.1.1", "vite-plugin-svgr": "^4.2.0", "vitest": "^1.2.2" + }, + "optionalDependencies": { + "@rollup/rollup-linux-x64-gnu": "^4.10.0" } }, "node_modules/@amplitude/analytics-connector": { @@ -1094,6 +1099,32 @@ } } }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.6.tgz", + "integrity": "sha512-MVNXSSYN6QXOulbHpLMKYi60ppyO13W9my1qogeiAqtjb2yR4LSmfU2+POvDkLzhjYLXz9Rf9+9a3zFHW1Lecg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.6.tgz", + "integrity": "sha512-T14aNLpqJ5wzKNf5jEDpv5zgyIqcpn1MlwCrUXLrwoADr2RkWA0vOWP4XxbO9aiO3dvMCQICZdKeDrFl7UMClw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, "node_modules/@rollup/rollup-darwin-arm64": { "version": "4.9.6", "cpu": [ @@ -1106,6 +1137,135 @@ "darwin" ] }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.6.tgz", + "integrity": "sha512-zRDtdJuRvA1dc9Mp6BWYqAsU5oeLixdfUvkTHuiYOHwqYuQ4YgSmi6+/lPvSsqc/I0Omw3DdICx4Tfacdzmhog==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.6.tgz", + "integrity": "sha512-oNk8YXDDnNyG4qlNb6is1ojTOGL/tRhbbKeE/YuccItzerEZT68Z9gHrY3ROh7axDc974+zYAPxK5SH0j/G+QQ==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.6.tgz", + "integrity": "sha512-Z3O60yxPtuCYobrtzjo0wlmvDdx2qZfeAWTyfOjEDqd08kthDKexLpV97KfAeUXPosENKd8uyJMRDfFMxcYkDQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.6.tgz", + "integrity": "sha512-gpiG0qQJNdYEVad+1iAsGAbgAnZ8j07FapmnIAQgODKcOTjLEWM9sRb+MbQyVsYCnA0Im6M6QIq6ax7liws6eQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.6.tgz", + "integrity": "sha512-+uCOcvVmFUYvVDr27aiyun9WgZk0tXe7ThuzoUTAukZJOwS5MrGbmSlNOhx1j80GdpqbOty05XqSl5w4dQvcOA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.11.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.11.0.tgz", + "integrity": "sha512-6q4ESWlyTO+erp1PSCmASac+ixaDv11dBk1fqyIuvIUc/CmRAX2Zk+2qK1FGo5q7kyDcjHCFVwgGFCGIZGVwCA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.6.tgz", + "integrity": "sha512-ch7M+9Tr5R4FK40FHQk8VnML0Szi2KRujUgHXd/HjuH9ifH72GUmw6lStZBo3c3GB82vHa0ZoUfjfcM7JiiMrQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.6.tgz", + "integrity": "sha512-VD6qnR99dhmTQ1mJhIzXsRcTBvTjbfbGGwKAHcu+52cVl15AC/kplkhxzW/uT0Xl62Y/meBKDZvoJSJN+vTeGA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.6.tgz", + "integrity": "sha512-J9AFDq/xiRI58eR2NIDfyVmTYGyIZmRcvcAoJ48oDld/NTR8wyiPUu2X/v1navJ+N/FGg68LEbX3Ejd6l8B7MQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.6.tgz", + "integrity": "sha512-jqzNLhNDvIZOrt69Ce4UjGRpXJBzhUBzawMwnaDAwyHriki3XollsewxWzOzz+4yOFDkuJHtTsZFwMxhYJWmLQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, "node_modules/@sentry-internal/feedback": { "version": "7.100.1", "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.100.1.tgz", @@ -2205,6 +2365,21 @@ "query-string": "8.1.0" } }, + "node_modules/ansi-escapes": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.0.tgz", + "integrity": "sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==", + "dev": true, + "dependencies": { + "type-fest": "^3.0.0" + }, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/ansi-regex": { "version": "5.0.1", "dev": true, @@ -2346,6 +2521,18 @@ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", "dev": true }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/browser-process-hrtime": { "version": "1.0.0", "dev": true, @@ -2529,6 +2716,37 @@ "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==" }, + "node_modules/cli-cursor": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz", + "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==", + "dev": true, + "dependencies": { + "restore-cursor": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-truncate": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz", + "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==", + "dev": true, + "dependencies": { + "slice-ansi": "^5.0.0", + "string-width": "^7.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/client-only": { "version": "0.0.1", "license": "MIT" @@ -2556,6 +2774,12 @@ "dev": true, "license": "MIT" }, + "node_modules/colorette": { + "version": "2.0.20", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz", + "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==", + "dev": true + }, "node_modules/combined-stream": { "version": "1.0.8", "license": "MIT", @@ -3066,6 +3290,12 @@ "dev": true, "license": "ISC" }, + "node_modules/emoji-regex": { + "version": "10.3.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz", + "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==", + "dev": true + }, "node_modules/entities": { "version": "4.4.0", "dev": true, @@ -3237,6 +3467,35 @@ "node": ">=0.10.0" } }, + "node_modules/eventemitter3": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz", + "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==", + "dev": true + }, + "node_modules/execa": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz", + "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.3", + "get-stream": "^8.0.1", + "human-signals": "^5.0.0", + "is-stream": "^3.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^5.1.0", + "onetime": "^6.0.0", + "signal-exit": "^4.1.0", + "strip-final-newline": "^3.0.0" + }, + "engines": { + "node": ">=16.17" + }, + "funding": { + "url": "https://github.com/sindresorhus/execa?sponsor=1" + } + }, "node_modules/fast-levenshtein": { "version": "2.0.6", "dev": true, @@ -3244,6 +3503,18 @@ "optional": true, "peer": true }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/filter-obj": { "version": "5.1.0", "license": "MIT", @@ -3360,6 +3631,18 @@ "node": ">=6.9.0" } }, + "node_modules/get-east-asian-width": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz", + "integrity": "sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==", + "dev": true, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/get-func-name": { "version": "2.0.2", "dev": true, @@ -3386,6 +3669,18 @@ "dev": true, "license": "MIT" }, + "node_modules/get-stream": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz", + "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==", + "dev": true, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/globals": { "version": "11.12.0", "dev": true, @@ -3580,6 +3875,30 @@ "node": ">= 6" } }, + "node_modules/human-signals": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz", + "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==", + "dev": true, + "engines": { + "node": ">=16.17.0" + } + }, + "node_modules/husky": { + "version": "9.0.11", + "resolved": "https://registry.npmjs.org/husky/-/husky-9.0.11.tgz", + "integrity": "sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==", + "dev": true, + "bin": { + "husky": "bin.mjs" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/typicode" + } + }, "node_modules/hyphenate-style-name": { "version": "1.0.4", "license": "BSD-3-Clause" @@ -3728,6 +4047,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-fullwidth-code-point": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz", + "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-map": { "version": "2.0.2", "dev": true, @@ -3736,6 +4067,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, "node_modules/is-number-object": { "version": "1.0.7", "dev": true, @@ -3801,6 +4141,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-stream": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz", + "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==", + "dev": true, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-string": { "version": "1.0.7", "dev": true, @@ -4039,21 +4391,104 @@ "node": ">= 0.8.0" } }, + "node_modules/lilconfig": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz", + "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==", + "dev": true, + "engines": { + "node": ">=14" + } + }, "node_modules/lines-and-columns": { "version": "1.2.4", "license": "MIT" }, - "node_modules/loadjs": { - "version": "4.2.0", - "license": "MIT" - }, - "node_modules/local-pkg": { - "version": "0.5.0", + "node_modules/lint-staged": { + "version": "15.2.2", + "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-15.2.2.tgz", + "integrity": "sha512-TiTt93OPh1OZOsb5B7k96A/ATl2AjIZo+vnzFZ6oHK5FuTk63ByDtxGQpHm+kFETjEWqgkF95M8FRXKR/LEBcw==", "dev": true, - "license": "MIT", "dependencies": { - "mlly": "^1.4.2", - "pkg-types": "^1.0.3" + "chalk": "5.3.0", + "commander": "11.1.0", + "debug": "4.3.4", + "execa": "8.0.1", + "lilconfig": "3.0.0", + "listr2": "8.0.1", + "micromatch": "4.0.5", + "pidtree": "0.6.0", + "string-argv": "0.3.2", + "yaml": "2.3.4" + }, + "bin": { + "lint-staged": "bin/lint-staged.js" + }, + "engines": { + "node": ">=18.12.0" + }, + "funding": { + "url": "https://opencollective.com/lint-staged" + } + }, + "node_modules/lint-staged/node_modules/chalk": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz", + "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==", + "dev": true, + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/lint-staged/node_modules/commander": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz", + "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==", + "dev": true, + "engines": { + "node": ">=16" + } + }, + "node_modules/lint-staged/node_modules/yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==", + "dev": true, + "engines": { + "node": ">= 14" + } + }, + "node_modules/listr2": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.0.1.tgz", + "integrity": "sha512-ovJXBXkKGfq+CwmKTjluEqFi3p4h8xvkxGQQAQan22YCgef4KZ1mKGjzfGh6PL6AW5Csw0QiQPNuQyH+6Xk3hA==", + "dev": true, + "dependencies": { + "cli-truncate": "^4.0.0", + "colorette": "^2.0.20", + "eventemitter3": "^5.0.1", + "log-update": "^6.0.0", + "rfdc": "^1.3.0", + "wrap-ansi": "^9.0.0" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/loadjs": { + "version": "4.2.0", + "license": "MIT" + }, + "node_modules/local-pkg": { + "version": "0.5.0", + "dev": true, + "license": "MIT", + "dependencies": { + "mlly": "^1.4.2", + "pkg-types": "^1.0.3" }, "engines": { "node": ">=14" @@ -4073,6 +4508,68 @@ "version": "4.0.8", "license": "MIT" }, + "node_modules/log-update": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.0.0.tgz", + "integrity": "sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==", + "dev": true, + "dependencies": { + "ansi-escapes": "^6.2.0", + "cli-cursor": "^4.0.0", + "slice-ansi": "^7.0.0", + "strip-ansi": "^7.1.0", + "wrap-ansi": "^9.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-update/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/log-update/node_modules/is-fullwidth-code-point": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz", + "integrity": "sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==", + "dev": true, + "dependencies": { + "get-east-asian-width": "^1.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-update/node_modules/slice-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.0.tgz", + "integrity": "sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.2.1", + "is-fullwidth-code-point": "^5.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/chalk/slice-ansi?sponsor=1" + } + }, "node_modules/loose-envify": { "version": "1.4.0", "license": "MIT", @@ -4171,6 +4668,19 @@ "dev": true, "license": "MIT" }, + "node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, "node_modules/mime": { "version": "1.6.0", "dev": true, @@ -4200,6 +4710,18 @@ "node": ">= 0.6" } }, + "node_modules/mimic-fn": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", + "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/mlly": { "version": "1.5.0", "dev": true, @@ -4325,6 +4847,33 @@ "dev": true, "license": "MIT" }, + "node_modules/npm-run-path": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.2.0.tgz", + "integrity": "sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==", + "dev": true, + "dependencies": { + "path-key": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/npm-run-path/node_modules/path-key": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz", + "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/nth-check": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", @@ -4399,6 +4948,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/onetime": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz", + "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==", + "dev": true, + "dependencies": { + "mimic-fn": "^4.0.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/optimism": { "version": "0.17.5", "resolved": "https://registry.npmjs.org/optimism/-/optimism-0.17.5.tgz", @@ -4559,6 +5123,18 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/pidtree": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz", + "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==", + "dev": true, + "bin": { + "pidtree": "bin/pidtree.js" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/pify": { "version": "4.0.1", "dev": true, @@ -4990,6 +5566,58 @@ "node": ">=0.8" } }, + "node_modules/restore-cursor": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz", + "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==", + "dev": true, + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/restore-cursor/node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/restore-cursor/node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/restore-cursor/node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, + "node_modules/rfdc": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.1.tgz", + "integrity": "sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==", + "dev": true + }, "node_modules/rollup": { "version": "4.9.6", "dev": true, @@ -5021,6 +5649,19 @@ "fsevents": "~2.3.2" } }, + "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.9.6", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.6.tgz", + "integrity": "sha512-HUNqM32dGzfBKuaDUBqFB7tP6VMN74eLZ33Q9Y1TBqRDn+qDonkAUyKWwF9BR9unV7QUzffLnz9GrnKvMqC/fw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, "node_modules/rollup/node_modules/fsevents": { "version": "2.3.2", "dev": true, @@ -5172,6 +5813,46 @@ "dev": true, "license": "ISC" }, + "node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/slice-ansi": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz", + "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.0.0", + "is-fullwidth-code-point": "^4.0.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/slice-ansi?sponsor=1" + } + }, + "node_modules/slice-ansi/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/snake-case": { "version": "3.0.4", "dev": true, @@ -5229,6 +5910,71 @@ "node": ">= 0.4" } }, + "node_modules/string-argv": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz", + "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==", + "dev": true, + "engines": { + "node": ">=0.6.19" + } + }, + "node_modules/string-width": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz", + "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==", + "dev": true, + "dependencies": { + "emoji-regex": "^10.3.0", + "get-east-asian-width": "^1.0.0", + "strip-ansi": "^7.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/strip-ansi/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/strip-final-newline": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz", + "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/strip-literal": { "version": "1.3.0", "dev": true, @@ -5361,6 +6107,18 @@ "node": ">=4" } }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, "node_modules/tough-cookie": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz", @@ -5427,6 +6185,18 @@ "node": ">=4" } }, + "node_modules/type-fest": { + "version": "3.13.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz", + "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==", + "dev": true, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/typescript": { "version": "5.3.3", "dev": true, @@ -5686,130 +6456,6 @@ } } }, - "node_modules/vitest/node_modules/execa": { - "version": "8.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "cross-spawn": "^7.0.3", - "get-stream": "^8.0.1", - "human-signals": "^5.0.0", - "is-stream": "^3.0.0", - "merge-stream": "^2.0.0", - "npm-run-path": "^5.1.0", - "onetime": "^6.0.0", - "signal-exit": "^4.1.0", - "strip-final-newline": "^3.0.0" - }, - "engines": { - "node": ">=16.17" - }, - "funding": { - "url": "https://github.com/sindresorhus/execa?sponsor=1" - } - }, - "node_modules/vitest/node_modules/get-stream": { - "version": "8.0.1", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/vitest/node_modules/human-signals": { - "version": "5.0.0", - "dev": true, - "license": "Apache-2.0", - "engines": { - "node": ">=16.17.0" - } - }, - "node_modules/vitest/node_modules/is-stream": { - "version": "3.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/vitest/node_modules/mimic-fn": { - "version": "4.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/vitest/node_modules/npm-run-path": { - "version": "5.2.0", - "dev": true, - "license": "MIT", - "dependencies": { - "path-key": "^4.0.0" - }, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/vitest/node_modules/onetime": { - "version": "6.0.0", - "dev": true, - "license": "MIT", - "dependencies": { - "mimic-fn": "^4.0.0" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/vitest/node_modules/path-key": { - "version": "4.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/vitest/node_modules/signal-exit": { - "version": "4.1.0", - "dev": true, - "license": "ISC", - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/vitest/node_modules/strip-final-newline": { - "version": "3.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/w3c-hr-time": { "version": "1.0.2", "dev": true, @@ -6024,6 +6670,35 @@ "node": ">=0.10.0" } }, + "node_modules/wrap-ansi": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz", + "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.2.1", + "string-width": "^7.0.0", + "strip-ansi": "^7.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/ws": { "version": "7.5.9", "dev": true, diff --git a/package.json b/package.json index a812da890..6740f7c54 100644 --- a/package.json +++ b/package.json @@ -11,8 +11,10 @@ "release": "node sentry.js", "start": "vite", "svgo": "sh ./svgo.sh", - "test": "vitest --environment=jsdom", - "up": "docker-compose up -d --remove-orphans --build" + "test": "vitest --environment=jsdom --run", + "ts": "tsc -b", + "up": "docker-compose up -d --remove-orphans --build", + "prepare": "husky install" }, "dependencies": { "@navikt/arbeidsgiver-notifikasjon-widget": "^6.4.2", @@ -52,12 +54,21 @@ "@types/react-responsive": "^8.0.8", "@types/react-router-dom": "^5.3.3", "@vitejs/plugin-react": "^4.2.1", + "husky": "^9.0.10", "less": "^4.2.0", + "lint-staged": "^15.2.2", "prettier": "^3.2.5", "svgo": "^3.2.0", "typescript": "^5.3.3", "vite": "^5.1.1", "vite-plugin-svgr": "^4.2.0", "vitest": "^1.2.2" + }, + "lint-staged": { + "*.{ts,tsx,js,jsx,mjs,less,css,md}": "npm run prettier:fix", + "*.svg": "npm run svgo" + }, + "optionalDependencies": { + "@rollup/rollup-linux-x64-gnu": "^4.10.0" } } diff --git a/server/src/dekorator/appMedNavDekoratoren.ts b/server/src/dekorator/appMedNavDekoratoren.ts index cb160c5bf..66dc587dd 100644 --- a/server/src/dekorator/appMedNavDekoratoren.ts +++ b/server/src/dekorator/appMedNavDekoratoren.ts @@ -1,11 +1,11 @@ import { injectDecoratorServerSide } from '@navikt/nav-dekoratoren-moduler/ssr'; import { Response } from 'express-serve-static-core'; -import { getEnv } from '../paths/miljo'; +import { getEnv } from '../paths/miljo'; async function getNavdekoratoren( indexFilepath: string, - res: Response, number> + res: Response, number>, ): Promise { return await injectDecoratorServerSide({ env: getEnv(), @@ -16,7 +16,7 @@ async function getNavdekoratoren( redirectToApp: true, level: 'Level4', language: 'nb', - } + }, }) .then((html) => { res.send(html); diff --git a/server/src/login/azure.ts b/server/src/login/azure.ts index 7c5f4aee6..c9f516bb5 100644 --- a/server/src/login/azure.ts +++ b/server/src/login/azure.ts @@ -21,7 +21,7 @@ const client = async (): Promise => { token_endpoint_auth_signing_alg: azureConfig.tokenEndpointAuthSigningAlg, redirect_uris: [azureConfig.redirectUri as string], }, - jwk + jwk, ); }; @@ -53,7 +53,7 @@ const getOnBehalfOfAccessToken = async (azureClient: any, azureEndpointToken: an clientAssertionPayload: { aud: [azureEndpointToken], }, - } + }, ); return backendTokenSet.access_token; }; diff --git a/server/src/login/tokenx.ts b/server/src/login/tokenx.ts index d5a2b7a02..80cb122db 100644 --- a/server/src/login/tokenx.ts +++ b/server/src/login/tokenx.ts @@ -25,7 +25,7 @@ const client = async (): Promise => { client_id: tokenxConfig.clientID as string, token_endpoint_auth_method: tokenxConfig.tokenEndpointAuthMethod, }, - { keys: [jwk] } + { keys: [jwk] }, ); }; @@ -47,7 +47,7 @@ const getTokenExchangeAccessToken = async (tokenxClient: any, audience: any, req audience: audience, subject_token: bearerToken, }, - additionalClaims + additionalClaims, ); return backendTokenSet.access_token; diff --git a/server/src/paths/setupPath.ts b/server/src/paths/setupPath.ts index 7edab8804..4cc4caaa7 100644 --- a/server/src/paths/setupPath.ts +++ b/server/src/paths/setupPath.ts @@ -30,23 +30,23 @@ function initializePath(app: Express): void { '/tiltaksgjennomforing/internal/isAlive', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> - ): Response, number> => res.sendStatus(200) + res: Response, number>, + ): Response, number> => res.sendStatus(200), ); app.get( '/tiltaksgjennomforing/internal/isReady', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> - ): Response, number> => res.sendStatus(200) + res: Response, number>, + ): Response, number> => res.sendStatus(200), ); app.get( '/tiltaksgjennomforing/innloggingskilder', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ) => { const innloggingskilder: PathVariables[] = []; @@ -61,42 +61,42 @@ function initializePath(app: Express): void { } } res.json(innloggingskilder); - } + }, ); app.get( '/tiltaksgjennomforing/logout', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ): void => { res.redirect(props.LOGOUT_URL as string); - } + }, ); app.get( '/tiltaksgjennomforing/skal-backupmeny-brukes', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ): void => { res.json(process.env.ENABLE_EXTERNAL_MENU !== 'true' && process.env.ENABLE_INTERNAL_MENU !== 'true'); - } + }, ); app.get( '/tiltaksgjennomforing/brukavInternflate', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ): void => { res.json(process.env.ENABLE_INTERNAL_MENU === 'true'); - } + }, ); app.get('/tiltaksgjennomforing/chat', (req, res) => { res.redirect( - `${process.env.ARBEIDSGIVER_DIALOG_URL}/?organisasjonsnummer=${req.query.organisasjonsnummer}&avtalenummer=${req.query.avtalenummer}` + `${process.env.ARBEIDSGIVER_DIALOG_URL}/?organisasjonsnummer=${req.query.organisasjonsnummer}&avtalenummer=${req.query.avtalenummer}`, ); }); } diff --git a/server/src/proxy/api-proxy.ts b/server/src/proxy/api-proxy.ts index 7ca0bea5e..e5b897141 100644 --- a/server/src/proxy/api-proxy.ts +++ b/server/src/proxy/api-proxy.ts @@ -22,12 +22,12 @@ const tokenxSetup = (app: Express, tokenxClient: BaseClient): void => { const accessToken = await tokenx.getTokenExchangeAccessToken( tokenxClient, process.env.API_AUDIENCE, - req + req, ); options.headers.Authorization = `Bearer ${accessToken}`; return options; }, - }) + }), ); }; @@ -47,7 +47,7 @@ const azureSetup = (app: Express, azureClient: BaseClient, azureTokenEndpoint: a options.headers.Authorization = `Bearer ${accessToken}`; return options; }, - }) + }), ); }; @@ -72,7 +72,7 @@ function setupPath(app: Express) { pathRewrite: { '^/tiltaksgjennomforing/stillingstitler': '/' }, target: process.env.STILLINGSTITLER_URL, proxyTimeout: 10000, - }) + }), ); } diff --git a/server/src/proxy/decorator-ekstern-proxy.ts b/server/src/proxy/decorator-ekstern-proxy.ts index f26656e96..ad1d1466f 100644 --- a/server/src/proxy/decorator-ekstern-proxy.ts +++ b/server/src/proxy/decorator-ekstern-proxy.ts @@ -10,10 +10,10 @@ const setup = (app: Express): void => { '/dekoratoren/api/auth', ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ): void => { res.json({ authenticated: true, name: '' }); - } + }, ); app.use( @@ -21,10 +21,10 @@ const setup = (app: Express): void => { asyncHandler( async ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ) => { const response = await axios.get( - `${process.env.DECORATOR_EXTERNAL_URL}/env?context=arbeidsgiver&feedback=false` + `${process.env.DECORATOR_EXTERNAL_URL}/env?context=arbeidsgiver&feedback=false`, ); res.json({ ...response.data, @@ -32,8 +32,8 @@ const setup = (app: Express): void => { APP_URL: '/dekoratoren', LOGOUT_URL: '/logout', }); - } - ) + }, + ), ); app.use('/dekoratoren', createProxyMiddleware({ target: 'https://www.nav.no', changeOrigin: true })); diff --git a/server/src/proxy/decorator-intern-proxy.ts b/server/src/proxy/decorator-intern-proxy.ts index 359d3046f..697fea2d6 100644 --- a/server/src/proxy/decorator-intern-proxy.ts +++ b/server/src/proxy/decorator-intern-proxy.ts @@ -13,12 +13,12 @@ const setup = (app: Express, azureClient: BaseClient, azureTokenEndpoint: BaseCl proxyReqPathResolver: (req: Request<{}, any, any, ParsedQs, Record>) => { return req.originalUrl.replace( '/modiacontextholder/api/decorator', - '/tiltaksgjennomforing-api/innlogget-bruker' + '/tiltaksgjennomforing-api/innlogget-bruker', ); }, proxyReqOptDecorator: async ( options: RequestOptions, - req: Request<{}, any, any, ParsedQs, Record> + req: Request<{}, any, any, ParsedQs, Record>, ) => { const accessToken = await onbehalfof.getOnBehalfOfAccessToken(azureClient, azureTokenEndpoint, req); if (options?.headers) { @@ -33,7 +33,7 @@ const setup = (app: Express, azureClient: BaseClient, azureTokenEndpoint: BaseCl const data = JSON.parse(proxyResData.toString('utf8')); return JSON.stringify({ ...data, ident: data.identifikator || '' }); }, - }) + }), ); app.use('/internarbeidsflatedecorator', (req, res) => { diff --git a/server/src/proxy/labs-proxy.ts b/server/src/proxy/labs-proxy.ts index 431fd6040..c74eed319 100644 --- a/server/src/proxy/labs-proxy.ts +++ b/server/src/proxy/labs-proxy.ts @@ -14,7 +14,7 @@ const setup = (app: Express) => { proxyReqPathResolver: (req) => { return req.originalUrl.replace('/tiltaksgjennomforing/api', '/tiltaksgjennomforing-api'); }, - }) + }), ); app.use( @@ -24,7 +24,7 @@ const setup = (app: Express) => { pathRewrite: { '^/tiltaksgjennomforing/stillingstitler': '/' }, target: 'http://tiltak-stillingstitler', proxyTimeout: 10000, - }) + }), ); setupFakeLoginProvider(app, apiUrl); @@ -60,7 +60,7 @@ function setupFakeLoginProvider(app: Express, apiUrl: string) { ( req: Request<{}, any, any, ParsedQs, Record>, res: Response, number>, - next: NextFunction + next: NextFunction, ) => { if (req.headers.cookie) { const cookies = req.headers.cookie.split(';'); @@ -75,7 +75,7 @@ function setupFakeLoginProvider(app: Express, apiUrl: string) { } else { res.status(401).send(); } - } + }, ); app.use( @@ -97,7 +97,7 @@ function setupFakeLoginProvider(app: Express, apiUrl: string) { } return options; }, - }) + }), ); } diff --git a/server/src/proxy/notifikasjoner-proxy.ts b/server/src/proxy/notifikasjoner-proxy.ts index 07c4506d3..367138f3d 100644 --- a/server/src/proxy/notifikasjoner-proxy.ts +++ b/server/src/proxy/notifikasjoner-proxy.ts @@ -23,19 +23,19 @@ const setup = (app: Express, tokenxClient: BaseClient): void => { }, proxyReqOptDecorator: async ( options: RequestOptions, - req: Request<{}, any, any, ParsedQs, Record> + req: Request<{}, any, any, ParsedQs, Record>, ) => { if (options.headers) { const accessToken = await tokenx.getTokenExchangeAccessToken( tokenxClient, process.env.NOTIFIKASJON_AUDIENCE, - req + req, ); options.headers.Authorization = `Bearer ${accessToken}`; } return options; }, - }) + }), ); }; export default { setup }; diff --git a/server/src/server.ts b/server/src/server.ts index 71cc846ce..d7e06e784 100644 --- a/server/src/server.ts +++ b/server/src/server.ts @@ -3,7 +3,7 @@ import path from 'path'; import express, { Express } from 'express'; import helmet from 'helmet'; import { ParsedQs } from 'qs'; -import { buildCspHeader } from "@navikt/nav-dekoratoren-moduler/ssr"; +import { buildCspHeader } from '@navikt/nav-dekoratoren-moduler/ssr'; import appMedModiaDekoratoren from './dekorator/appMedModiaDekoratoren'; import appMedNavDekoratoren from './dekorator/appMedNavDekoratoren'; @@ -36,7 +36,7 @@ async function startServer(): Promise { node.disable('x-powered-by'); node.use(helmet({ contentSecurityPolicy: false })); node.use((_, res, next) => { - res.setHeader("Content-Security-Policy", csp); + res.setHeader('Content-Security-Policy', csp); next(); }); node.listen(port, () => console.log('server listening on port', port)); @@ -46,7 +46,7 @@ async function startMedNavDekoratoren(): Promise { node.get( ['/tiltaksgjennomforing/', '/tiltaksgjennomforing/*'], (req: Request<{}, any, any, ParsedQs, Record>, res: Response, number>) => - appMedNavDekoratoren.getNavdekoratoren(indexPath, res) + appMedNavDekoratoren.getNavdekoratoren(indexPath, res), ); } @@ -54,7 +54,7 @@ async function startMedModiaDekoratoren(): Promise { node.get( ['/*', '/tiltaksgjennomforing/', '/tiltaksgjennomforing/*'], (req: Request<{}, any, any, ParsedQs, Record>, res: Response, number>) => - appMedModiaDekoratoren.getModiaDekoratoren(indexPath, res) + appMedModiaDekoratoren.getModiaDekoratoren(indexPath, res), ); } @@ -63,10 +63,10 @@ async function startLabs(): Promise { ['/tiltaksgjennomforing/', '/tiltaksgjennomforing/*'], ( req: Request<{}, any, any, ParsedQs, Record>, - res: Response, number> + res: Response, number>, ) => { res.sendFile(path.resolve(__dirname, '../dist', 'index.html')); - } + }, ); } @@ -75,7 +75,7 @@ function setStaticPath(): void { STATIC_PATHS.forEach((staticpath: string): Express => { return node.use( BASEPATH.concat(staticpath), - express.static(path.resolve(__dirname, '../dist', '.'.concat(staticpath))) + express.static(path.resolve(__dirname, '../dist', '.'.concat(staticpath))), ); }); } diff --git a/src/AdvarselBannerTestversjon/AdvarselBannerTestversjon.tsx b/src/AdvarselBannerTestversjon/AdvarselBannerTestversjon.tsx index 18a2033d5..fd96fbe85 100644 --- a/src/AdvarselBannerTestversjon/AdvarselBannerTestversjon.tsx +++ b/src/AdvarselBannerTestversjon/AdvarselBannerTestversjon.tsx @@ -9,13 +9,13 @@ const AdvarselBannerTestversjon = () => { return ( <> {window.location.hostname.includes('-labs') && ( - + Dette er en testversjon
Her kan du bli bedre kjent med digitale avtaler for tiltaksgjennomføring.
- Hvis du er veileder i NAV må du bruke tiltaksgjennomforing.intern.dev.nav.no/tiltaksgjennomforing for å lage en - ekte avtale. + Hvis du er veileder i NAV må du bruke tiltaksgjennomforing.intern.dev.nav.no/tiltaksgjennomforing + for å lage en ekte avtale.
Hvis du er arbeidsgiver eller deltaker logger du deg på her: arbeidsgiver.nav.no/tiltaksgjennomforing. @@ -23,7 +23,8 @@ const AdvarselBannerTestversjon = () => { For å teste hele flyten, kan du logge inn som veileder, opprette en avtale på fnr:{' '} 23090170716 (fiktivt) og bedriftnr: 999999999.
- Skal du opprette mentor-avtale kan du bruke fnr: 23090170716 som mentor og fnr: 00000000000 som deltaker. + Skal du opprette mentor-avtale kan du bruke fnr: 23090170716 som mentor og fnr:{' '} + 00000000000 som deltaker.
Vi ber også om at du ikke registrer ekte data i denne løsningen, da dette er en åpen testversjon. diff --git a/src/App.tsx b/src/App.tsx index ad737c10e..e05a3ece4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -65,14 +65,12 @@ class App extends React.Component { element={} /> } /> } /> @@ -111,7 +109,7 @@ class App extends React.Component { } /> diff --git a/src/AvtaleOversikt/AvtaleOversikt.tsx b/src/AvtaleOversikt/AvtaleOversikt.tsx index ff5d8a677..18c935036 100644 --- a/src/AvtaleOversikt/AvtaleOversikt.tsx +++ b/src/AvtaleOversikt/AvtaleOversikt.tsx @@ -23,7 +23,7 @@ import { Status } from '@/types/nettressurs'; import { Varsel } from '@/types/varsel'; import BEMHelper from '@/utils/bem'; import { fjernTommeFelterFraObjekt, litenForbokstav } from '@/utils/stringUtils'; -import {Pagination, Select} from '@navikt/ds-react'; +import { Pagination, Select } from '@navikt/ds-react'; import _ from 'lodash'; import { FunctionComponent, useContext, useEffect, useState } from 'react'; import { useSearchParams } from 'react-router-dom'; @@ -41,18 +41,20 @@ const AvtaleOversikt: FunctionComponent = () => { const [searchParams, setSearchParams] = useSearchParams(); const [, , nettressursCtx, setNettressursCtx] = useContext(FiltreringContext); - useEffect(() => { if (nettressursCtx.status !== Status.Lastet) return; const filtreUtenPage = _.omit(filtre, 'page', 'sorteringskolonne', 'sorteringOrder'); - const erFiltreLikeNettressursFiltre = _.isEqual(fjernTommeFelterFraObjekt(nettressursCtx.data.sokeParametere), fjernTommeFelterFraObjekt(filtreUtenPage)); + const erFiltreLikeNettressursFiltre = _.isEqual( + fjernTommeFelterFraObjekt(nettressursCtx.data.sokeParametere), + fjernTommeFelterFraObjekt(filtreUtenPage), + ); const filterPage = parseInt(filtre.page ? filtre.page : '1', 10); - const sammePageIDataOgFilter = nettressursCtx.data.currentPage === (filterPage - 1); + const sammePageIDataOgFilter = nettressursCtx.data.currentPage === filterPage - 1; const sammeSorteringIUrlOgFilter = searchParams.get('sorteringskolonne') === filtre.sorteringskolonne; const sammeSokId = searchParams.get('sokId') === nettressursCtx.data.sokId; - const sammePageIUrlOgFilter = searchParams.get('page') === '' + (filterPage); + const sammePageIUrlOgFilter = searchParams.get('page') === '' + filterPage; const sammeSorteringIDataOgFilter = nettressursCtx.data.sorteringskolonne === filtre.sorteringskolonne; const sammeSorteringOrderIDataOgFilter = nettressursCtx.data.sorteringOrder === filtre.sorteringOrder; const sammeSorteringOrderIUrlOgFilter = searchParams.get('sorteringOrder') === filtre.sorteringOrder; @@ -82,57 +84,91 @@ const AvtaleOversikt: FunctionComponent = () => { if (innloggetBruker.rolle === 'ARBEIDSGIVER') { // Håndtering valg i bedriftsmyen som arbeidsgiver setSearchParams( - fjernTommeFelterFraObjekt({sokId: pagableAvtale.sokId, page: '' + (pagableAvtale.currentPage + 1), sorteringskolonne: filtre.sorteringskolonne, bedrift: pagableAvtale.sokeParametere.bedriftNr, sorteringOrder: filtre.sorteringOrder}) + fjernTommeFelterFraObjekt({ + sokId: pagableAvtale.sokId, + page: '' + (pagableAvtale.currentPage + 1), + sorteringskolonne: filtre.sorteringskolonne, + bedrift: pagableAvtale.sokeParametere.bedriftNr, + sorteringOrder: filtre.sorteringOrder, + }), ); } else { setSearchParams( - fjernTommeFelterFraObjekt({sokId: pagableAvtale.sokId, page: '' + (pagableAvtale.currentPage + 1), sorteringskolonne: filtre.sorteringskolonne, sorteringOrder: filtre.sorteringOrder}) + fjernTommeFelterFraObjekt({ + sokId: pagableAvtale.sokId, + page: '' + (pagableAvtale.currentPage + 1), + sorteringskolonne: filtre.sorteringskolonne, + sorteringOrder: filtre.sorteringOrder, + }), ); } setNettressursCtx({ status: Status.Lastet, data: pagableAvtale }); }); } else if (!sammePageIDataOgFilter || !sammeSorteringIDataOgFilter || !sammeSorteringOrderIDataOgFilter) { // page/sortering er endret - Nytt GET-søk - hentAvtalerForInnloggetBrukerMedSokId(searchParams.get('sokId')!, 10, filterPage - 1, filtre.sorteringskolonne || undefined, filtre.sorteringOrder).then( - (pagableAvtale: PageableAvtale) => { + hentAvtalerForInnloggetBrukerMedSokId( + searchParams.get('sokId')!, + 10, + filterPage - 1, + filtre.sorteringskolonne || undefined, + filtre.sorteringOrder, + ).then((pagableAvtale: PageableAvtale) => { if (innloggetBruker.rolle === 'ARBEIDSGIVER') { setSearchParams( - fjernTommeFelterFraObjekt({sokId: pagableAvtale.sokId, page: '' + (pagableAvtale.currentPage + 1), sorteringskolonne: pagableAvtale.sorteringskolonne, bedrift: pagableAvtale.sokeParametere.bedriftNr, sorteringOrder: filtre.sorteringOrder}) + fjernTommeFelterFraObjekt({ + sokId: pagableAvtale.sokId, + page: '' + (pagableAvtale.currentPage + 1), + sorteringskolonne: pagableAvtale.sorteringskolonne, + bedrift: pagableAvtale.sokeParametere.bedriftNr, + sorteringOrder: filtre.sorteringOrder, + }), ); } else { setSearchParams( - fjernTommeFelterFraObjekt({sokId: pagableAvtale.sokId, page: '' + (pagableAvtale.currentPage + 1), sorteringskolonne: pagableAvtale.sorteringskolonne, sorteringOrder: filtre.sorteringOrder}) + fjernTommeFelterFraObjekt({ + sokId: pagableAvtale.sokId, + page: '' + (pagableAvtale.currentPage + 1), + sorteringskolonne: pagableAvtale.sorteringskolonne, + sorteringOrder: filtre.sorteringOrder, + }), ); } setNettressursCtx({ status: Status.Lastet, data: pagableAvtale }); }); - } else if (!sammeSokId || !sammePageIUrlOgFilter || !sammeSorteringIUrlOgFilter || !sammeSorteringOrderIUrlOgFilter) { + } else if ( + !sammeSokId || + !sammePageIUrlOgFilter || + !sammeSorteringIUrlOgFilter || + !sammeSorteringOrderIUrlOgFilter + ) { // sokId/page/sortering endret i en navigering - Nytt GET-søk // vi må da gjøre GET med sokId/page/sortering fra url, ikke fra filteret // Vi setter heller ingenting i searchParams her, da det er her endringen skjer via en frem/tilbake navigering, vi må derimot sette filter, da endringen ikke kommer herfra, men fra url'en. const sokIdFraUrl = searchParams.get('sokId')!; const pageFraUrl = parseInt(searchParams.get('page') || '1'); - const sorteringFraUrl = searchParams.get('sorteringskolonne') as keyof Avtale || ''; + const sorteringFraUrl = (searchParams.get('sorteringskolonne') as keyof Avtale) || ''; const sorteringOrderFraUrl = searchParams.get('sorteringOrder') || 'ASC'; - hentAvtalerForInnloggetBrukerMedSokId(sokIdFraUrl, 10, pageFraUrl - 1, sorteringFraUrl || undefined, sorteringOrderFraUrl).then( - (pagableAvtale: PageableAvtale) => { - // const eksisterendeSearchParams = lagObjektAvSearchParams(searchParams); - // if (eksisterendeSearchParams.bedrift) setSearchParams({...eksisterendeSearchParams, bedrift: pagableAvtale.sokeParametere.bedriftNr}); - - setNettressursCtx({ status: Status.Lastet, data: pagableAvtale }); - endreFilter({ - page: '' + (pagableAvtale.currentPage + 1), - sorteringskolonne: pagableAvtale.sorteringskolonne, - sorteringOrder: pagableAvtale.sorteringOrder, - ...pagableAvtale.sokeParametere, - }); - } - ); - } + hentAvtalerForInnloggetBrukerMedSokId( + sokIdFraUrl, + 10, + pageFraUrl - 1, + sorteringFraUrl || undefined, + sorteringOrderFraUrl, + ).then((pagableAvtale: PageableAvtale) => { + // const eksisterendeSearchParams = lagObjektAvSearchParams(searchParams); + // if (eksisterendeSearchParams.bedrift) setSearchParams({...eksisterendeSearchParams, bedrift: pagableAvtale.sokeParametere.bedriftNr}); + setNettressursCtx({ status: Status.Lastet, data: pagableAvtale }); + endreFilter({ + page: '' + (pagableAvtale.currentPage + 1), + sorteringskolonne: pagableAvtale.sorteringskolonne, + sorteringOrder: pagableAvtale.sorteringOrder, + ...pagableAvtale.sokeParametere, + }); + }); + } }, [filtre, nettressursCtx, setNettressursCtx, searchParams, setSearchParams, endreFilter, innloggetBruker.rolle]); - useEffect(() => { hentUlesteVarsler() .then(setVarsler) @@ -147,8 +183,14 @@ const AvtaleOversikt: FunctionComponent = () => { innloggetBruker.tilganger[filtre.bedriftNr]?.length > 0; const antallAvtalerSuffiks = - nettressursCtx.status === Status.Lastet && (nettressursCtx.data.totalItems > 1 || nettressursCtx.data.totalItems === 0) ? ' avtaler' : ' avtale'; - const antallAvtalerTekst = nettressursCtx.status === Status.Lastet && nettressursCtx.data.totalItems ? `(${nettressursCtx.data.totalItems} ${antallAvtalerSuffiks})` : ''; + nettressursCtx.status === Status.Lastet && + (nettressursCtx.data.totalItems > 1 || nettressursCtx.data.totalItems === 0) + ? ' avtaler' + : ' avtale'; + const antallAvtalerTekst = + nettressursCtx.status === Status.Lastet && nettressursCtx.data.totalItems + ? `(${nettressursCtx.data.totalItems} ${antallAvtalerSuffiks})` + : ''; const oversiktTekst = `Tiltaksoversikt ${antallAvtalerTekst}`; const pageNumber = parseInt(filtre.page || '1'); @@ -158,7 +200,7 @@ const AvtaleOversikt: FunctionComponent = () => { { - endreFilter({bedriftNr: org}); + endreFilter({ bedriftNr: org }); }} tekst={oversiktTekst} undertittel={`Logget inn som ${litenForbokstav(innloggetBruker.rolle)}`} @@ -198,37 +240,43 @@ const AvtaleOversikt: FunctionComponent = () => { )}
- +
{nettressursCtx.status === Status.LasterInn && } - {pageNumber && nettressursCtx.status === Status.Lastet && nettressursCtx.data.totalPages > 0 && ( - <> - { - endreFilter({ page: '' + x }); - }} - count={nettressursCtx.data.totalPages} - boundaryCount={1} - siblingCount={1} - className={clsPagination.element('pagination')} - /> - - - )} + {pageNumber && + nettressursCtx.status === Status.Lastet && + nettressursCtx.data.totalPages > 0 && ( + <> + { + endreFilter({ page: '' + x }); + }} + count={nettressursCtx.data.totalPages} + boundaryCount={1} + siblingCount={1} + className={clsPagination.element('pagination')} + /> + + + )}
diff --git a/src/AvtaleOversikt/AvtaleOversiktSkeleton/AvtaleOversiktSkeleton.less b/src/AvtaleOversikt/AvtaleOversiktSkeleton/AvtaleOversiktSkeleton.less index 89f349c58..0e4cb7f85 100644 --- a/src/AvtaleOversikt/AvtaleOversiktSkeleton/AvtaleOversiktSkeleton.less +++ b/src/AvtaleOversikt/AvtaleOversiktSkeleton/AvtaleOversiktSkeleton.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; table.avtaleoversiktskeleton { border-spacing: 0px 10px; diff --git a/src/AvtaleOversikt/AvtaleTabell.less b/src/AvtaleOversikt/AvtaleTabell.less index 53e36d315..cff875735 100644 --- a/src/AvtaleOversikt/AvtaleTabell.less +++ b/src/AvtaleOversikt/AvtaleTabell.less @@ -1,4 +1,4 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .avtaletabell { border-spacing: 0px 10px; border-collapse: separate; @@ -7,7 +7,9 @@ tbody tr { cursor: pointer; .avtaletabell__pil-hoyre { - transition: transform .2s,-webkit-transform .2s; + transition: + transform 0.2s, + -webkit-transform 0.2s; } &:hover { box-shadow: var(--a-shadow-medium); @@ -29,7 +31,7 @@ border-style: solid; } } - .avtaletabell__pil-hoyre { + .avtaletabell__pil-hoyre { -webkit-transform: translateX(4px); transform: translateX(4px); } diff --git a/src/AvtaleOversikt/AvtaleTabell.tsx b/src/AvtaleOversikt/AvtaleTabell.tsx index 52127964e..6b4cbc749 100644 --- a/src/AvtaleOversikt/AvtaleTabell.tsx +++ b/src/AvtaleOversikt/AvtaleTabell.tsx @@ -54,7 +54,7 @@ const AvtaleTabell: FunctionComponent<{ const navigate = useNavigate(); const [visTaushetserklæringForAvtaleId, setVisTaushetserklæringForAvtaleId] = useState( - undefined + undefined, ); return ( diff --git a/src/AvtaleOversikt/AvtaleTabellRadHeader.less b/src/AvtaleOversikt/AvtaleTabellRadHeader.less index 201beefa1..5c2006539 100644 --- a/src/AvtaleOversikt/AvtaleTabellRadHeader.less +++ b/src/AvtaleOversikt/AvtaleTabellRadHeader.less @@ -1,52 +1,52 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .avtaletabellradheader { - &__label-container { - display: flex; - justify-content: center; - align-items: center; - } - - &__sortering { - &--asc, - &--asc-selected { - bottom: 0.1rem; - display: flex; - justify-content: flex-end; + &__label-container { + display: flex; + justify-content: center; + align-items: center; } - &--desc, - &--desc-selected { - top: 0.1rem; - display: flex; - justify-content: flex-start; - } + &__sortering { + &--asc, + &--asc-selected { + bottom: 0.1rem; + display: flex; + justify-content: flex-end; + } - &--asc-selected, - &--desc-selected { - opacity: 0.5; - } - } + &--desc, + &--desc-selected { + top: 0.1rem; + display: flex; + justify-content: flex-start; + } - th { - background-color: white; - border-bottom-width: 1px !important; // Overstyr design-css - text-align: center; - font-size: var(--a-font-size-medium); - border-top: 1px; - border-bottom: 1px; - border-style: solid; - border-left: 0; - border-right: 0; - border-color: @navGra40; - &:first-child { - border-left: 1px solid @navGra40; - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + &--asc-selected, + &--desc-selected { + opacity: 0.5; + } } - &:last-child { - border-right: 1px solid @navGra40; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + + th { + background-color: white; + border-bottom-width: 1px !important; // Overstyr design-css + text-align: center; + font-size: var(--a-font-size-medium); + border-top: 1px; + border-bottom: 1px; + border-style: solid; + border-left: 0; + border-right: 0; + border-color: @navGra40; + &:first-child { + border-left: 1px solid @navGra40; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + &:last-child { + border-right: 1px solid @navGra40; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } } - } } diff --git a/src/AvtaleOversikt/AvtaleTabellRadHeader.tsx b/src/AvtaleOversikt/AvtaleTabellRadHeader.tsx index a1f621081..e005a07c4 100644 --- a/src/AvtaleOversikt/AvtaleTabellRadHeader.tsx +++ b/src/AvtaleOversikt/AvtaleTabellRadHeader.tsx @@ -11,7 +11,7 @@ interface Props { const cls = BEMHelper('avtaletabellradheader'); -const AvtaleTabellRadHeader: React.FC = ({erBeslutter, erNavAnsatt}: Props) => { +const AvtaleTabellRadHeader: React.FC = ({ erBeslutter, erNavAnsatt }: Props) => { return ( diff --git a/src/AvtaleOversikt/AvtalekortMobil.less b/src/AvtaleOversikt/AvtalekortMobil.less index 3e00b7266..367aa4065 100644 --- a/src/AvtaleOversikt/AvtalekortMobil.less +++ b/src/AvtaleOversikt/AvtalekortMobil.less @@ -1,4 +1,4 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .avtalekortMobil { padding: 1.5rem 1rem 1.5rem 2rem; diff --git a/src/AvtaleOversikt/Avtaler.tsx b/src/AvtaleOversikt/Avtaler.tsx index f537787bf..60698978d 100644 --- a/src/AvtaleOversikt/Avtaler.tsx +++ b/src/AvtaleOversikt/Avtaler.tsx @@ -16,7 +16,8 @@ type Props = { innloggetBruker: InnloggetBruker; varsler: Varsel[]; }; -const harIngenAltinnTilganger = (innloggetBruker: InnloggetBruker) => Object.entries(innloggetBruker.tilganger).length === 0; +const harIngenAltinnTilganger = (innloggetBruker: InnloggetBruker) => + Object.entries(innloggetBruker.tilganger).length === 0; export const Avtaler: FunctionComponent = (props) => { const feilVarsel = useContext(FeilVarselContext); @@ -24,12 +25,14 @@ export const Avtaler: FunctionComponent = (props) => { if (props.avtalelisteRessurs.status === Status.LasterInn) { return ; - } else if (props.avtalelisteRessurs.status === Status.Lastet && props.avtalelisteRessurs.data.avtaler.length === 0) { + } else if ( + props.avtalelisteRessurs.status === Status.Lastet && + props.avtalelisteRessurs.data.avtaler.length === 0 + ) { return ; - } else if (props.innloggetBruker.rolle === "ARBEIDSGIVER" && harIngenAltinnTilganger(props.innloggetBruker)) { + } else if (props.innloggetBruker.rolle === 'ARBEIDSGIVER' && harIngenAltinnTilganger(props.innloggetBruker)) { return ; - } - else if (props.avtalelisteRessurs.status === Status.Lastet) { + } else if (props.avtalelisteRessurs.status === Status.Lastet) { return layout.erNokPlassTilTabell ? ( { aria-label="Min modalrute" > - + Søk opp avtalenummer for godkjenning av etterregistrering diff --git a/src/AvtaleOversikt/Filtrering/BedriftFilter.tsx b/src/AvtaleOversikt/Filtrering/BedriftFilter.tsx index efc10ccae..0aed46494 100644 --- a/src/AvtaleOversikt/Filtrering/BedriftFilter.tsx +++ b/src/AvtaleOversikt/Filtrering/BedriftFilter.tsx @@ -1,6 +1,6 @@ import { Filter } from '@/AvtaleOversikt/Filtrering/Filter'; import { validerOrgnr } from '@/utils/orgnrUtils'; -import React, {FunctionComponent, PropsWithChildren} from 'react'; +import React, { FunctionComponent, PropsWithChildren } from 'react'; import { SøkeInput } from './SøkeInput'; import { useFilter } from '@/AvtaleOversikt/Filtrering/useFilter'; diff --git a/src/AvtaleOversikt/Filtrering/DeltakerOgBedriftFilter.tsx b/src/AvtaleOversikt/Filtrering/DeltakerOgBedriftFilter.tsx index 21e9920d9..127b0fac5 100644 --- a/src/AvtaleOversikt/Filtrering/DeltakerOgBedriftFilter.tsx +++ b/src/AvtaleOversikt/Filtrering/DeltakerOgBedriftFilter.tsx @@ -23,7 +23,6 @@ export const DeltakerOgBedriftFilter: FunctionComponent = () => { const { endreFilter, filtre } = useFilter(); const aktivSøketypeFraFiltre = useCallback((): Søketype => { - if (!isNil(filtre.veilederNavIdent) && filtre.veilederNavIdent !== innloggetBruker.identifikator) { return 'veileder'; } @@ -45,14 +44,11 @@ export const DeltakerOgBedriftFilter: FunctionComponent = () => { return innloggetBruker.rolle === 'BESLUTTER' ? 'alle' : 'egne'; }, [filtre, innloggetBruker]); - const [aktivSøketype, setAktivSøkeType] = useState(aktivSøketypeFraFiltre()); useEffect(() => { setAktivSøkeType(aktivSøketypeFraFiltre()); - }, [filtre, aktivSøketypeFraFiltre]) - - + }, [filtre, aktivSøketypeFraFiltre]); const tomt = { avtaleNr: undefined, @@ -152,22 +148,30 @@ export const DeltakerOgBedriftFilter: FunctionComponent = () => { return ( - {Object.entries(søk).filter(([key, value]) => { - if (innloggetBruker.rolle === 'BESLUTTER') { - // Beslutter har et redusert sett med filtreringsmuligheter - return ["alle", "bedrift", "avtaleNr", "avtaleVedEnhet"].includes(key); - } - // Veiledere kan ikke filtrere på "alle" - return key !== 'alle'; - }).map(([key, value]) => ( - - - - {value.label} - - - - ))} + {Object.entries(søk) + .filter(([key, value]) => { + if (innloggetBruker.rolle === 'BESLUTTER') { + // Beslutter har et redusert sett med filtreringsmuligheter + return ['alle', 'bedrift', 'avtaleNr', 'avtaleVedEnhet'].includes(key); + } + // Veiledere kan ikke filtrere på "alle" + return key !== 'alle'; + }) + .map(([key, value]) => ( + + + + {value.label} + + + + ))} {visSøkefelt && ( * { diff --git a/src/AvtaleOversikt/Filtrering/FiltreringProvider.tsx b/src/AvtaleOversikt/Filtrering/FiltreringProvider.tsx index ba8cf87c4..cebf580d7 100644 --- a/src/AvtaleOversikt/Filtrering/FiltreringProvider.tsx +++ b/src/AvtaleOversikt/Filtrering/FiltreringProvider.tsx @@ -4,11 +4,25 @@ import { hentAvtalerForInnloggetBrukerMedPost, hentAvtalerForInnloggetBrukerMedS import { Avtale, PageableAvtale, PageableAvtalelisteRessurs } from '@/types/avtale'; import { Status } from '@/types/nettressurs'; import { fjernTommeFelterFraObjekt } from '@/utils/stringUtils'; -import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction, createContext, useContext, useEffect, useState } from 'react'; +import { + Dispatch, + FunctionComponent, + PropsWithChildren, + SetStateAction, + createContext, + useContext, + useEffect, + useState, +} from 'react'; import { useSearchParams } from 'react-router-dom'; export const FiltreringContext = createContext< - [Filtrering, Dispatch>, PageableAvtalelisteRessurs, Dispatch>] + [ + Filtrering, + Dispatch>, + PageableAvtalelisteRessurs, + Dispatch>, + ] >([{}, () => null, { status: Status.IkkeLastet }, () => null]); export const FiltreringProvider: FunctionComponent = (props) => { @@ -19,7 +33,7 @@ export const FiltreringProvider: FunctionComponent = (props) const [filtre, setFiltre] = useState(params); useEffect(() => { - // KJØR EN GANG PÅ OPPSTART + // KJØR EN GANG PÅ OPPSTART if (nettressursCtx.status !== Status.IkkeLastet) return; if (innloggetBruker.rolle === 'BESLUTTER') return; if (innloggetBruker.rolle === 'ARBEIDSGIVER' && !filtre.bedriftNr) return; @@ -27,7 +41,7 @@ export const FiltreringProvider: FunctionComponent = (props) const tekniskPage = searchParams.get('page') ? parseInt(searchParams.get('page')!, 10) - 1 : 0; let resultat; setNettressursCtx({ status: Status.LasterInn }); - const sorteringskolonne = searchParams.get('sorteringskolonne') as keyof Avtale || 'sistEndret'; + const sorteringskolonne = (searchParams.get('sorteringskolonne') as keyof Avtale) || 'sistEndret'; const sorteringOrder = searchParams.get('sorteringOrder') || 'ASC'; let erGet = false; if (searchParams.get('sokId')) { @@ -35,16 +49,30 @@ export const FiltreringProvider: FunctionComponent = (props) resultat = hentAvtalerForInnloggetBrukerMedSokId(sokId, 10, tekniskPage, sorteringskolonne, sorteringOrder); erGet = true; } else { - resultat = hentAvtalerForInnloggetBrukerMedPost({sorteringOrder: sorteringOrder, sorteringskolonne: sorteringskolonne, ...filtre }, 10, 0); + resultat = hentAvtalerForInnloggetBrukerMedPost( + { sorteringOrder: sorteringOrder, sorteringskolonne: sorteringskolonne, ...filtre }, + 10, + 0, + ); erGet = false; } resultat.then((pagableAvtale: PageableAvtale) => { - if (pagableAvtale.sokId === "") { + if (pagableAvtale.sokId === '') { // ugyldig sokId - Utfører blankt søk. hentAvtalerForInnloggetBrukerMedPost(filtre, 10, 0).then((pagableAvtale: PageableAvtale) => { setNettressursCtx({ status: Status.Lastet, data: pagableAvtale }); - setSearchParams({ sokId: pagableAvtale.sokId, page: '' + (pagableAvtale.currentPage + 1), sorteringskolonne: pagableAvtale.sorteringskolonne, sorteringOrder: pagableAvtale.sorteringOrder }); - setFiltre({ ...pagableAvtale.sokeParametere, page: (pagableAvtale.currentPage + 1) + '', sorteringskolonne: pagableAvtale.sorteringskolonne, sorteringOrder: pagableAvtale.sorteringOrder }); + setSearchParams({ + sokId: pagableAvtale.sokId, + page: '' + (pagableAvtale.currentPage + 1), + sorteringskolonne: pagableAvtale.sorteringskolonne, + sorteringOrder: pagableAvtale.sorteringOrder, + }); + setFiltre({ + ...pagableAvtale.sokeParametere, + page: pagableAvtale.currentPage + 1 + '', + sorteringskolonne: pagableAvtale.sorteringskolonne, + sorteringOrder: pagableAvtale.sorteringOrder, + }); }); } else { if (innloggetBruker.rolle === 'ARBEIDSGIVER') { @@ -68,10 +96,14 @@ export const FiltreringProvider: FunctionComponent = (props) setSearchParams(sokeParams, { replace: true }); } setNettressursCtx({ status: Status.Lastet, data: pagableAvtale }); - setFiltre({ ...pagableAvtale.sokeParametere, page: (pagableAvtale.currentPage + 1) + '', sorteringskolonne: pagableAvtale.sorteringskolonne, sorteringOrder: pagableAvtale.sorteringOrder }); + setFiltre({ + ...pagableAvtale.sokeParametere, + page: pagableAvtale.currentPage + 1 + '', + sorteringskolonne: pagableAvtale.sorteringskolonne, + sorteringOrder: pagableAvtale.sorteringOrder, + }); } }); - }, [filtre, nettressursCtx.status, searchParams, setSearchParams, innloggetBruker.rolle]); return ( diff --git a/src/AvtaleOversikt/Filtrering/GammelFiltrering/DeltakerOgBedriftFilterGammel.tsx b/src/AvtaleOversikt/Filtrering/GammelFiltrering/DeltakerOgBedriftFilterGammel.tsx index c52eacb0f..848a59806 100644 --- a/src/AvtaleOversikt/Filtrering/GammelFiltrering/DeltakerOgBedriftFilterGammel.tsx +++ b/src/AvtaleOversikt/Filtrering/GammelFiltrering/DeltakerOgBedriftFilterGammel.tsx @@ -23,7 +23,6 @@ export const DeltakerOgBedriftFilterGammel: FunctionComponent = () => { const { endreFilter, filtre } = useFilterGammel(); const aktivSøketypeFraFiltre = useCallback((): Søketype => { - if (!isNil(filtre.veilederNavIdent) && filtre.veilederNavIdent !== innloggetBruker.identifikator) { return 'veileder'; } @@ -45,14 +44,11 @@ export const DeltakerOgBedriftFilterGammel: FunctionComponent = () => { return innloggetBruker.rolle === 'BESLUTTER' ? 'alle' : 'egne'; }, [filtre, innloggetBruker]); - const [aktivSøketype, setAktivSøkeType] = useState(aktivSøketypeFraFiltre()); useEffect(() => { setAktivSøkeType(aktivSøketypeFraFiltre()); - }, [filtre, aktivSøketypeFraFiltre]) - - + }, [filtre, aktivSøketypeFraFiltre]); const tomt = { avtaleNr: undefined, @@ -152,22 +148,30 @@ export const DeltakerOgBedriftFilterGammel: FunctionComponent = () => { return ( - {Object.entries(søk).filter(([key, value]) => { - if (innloggetBruker.rolle === 'BESLUTTER') { - // Beslutter har et redusert sett med filtreringsmuligheter - return ["alle", "bedrift", "avtaleNr", "avtaleVedEnhet"].includes(key); - } - // Veiledere kan ikke filtrere på "alle" - return key !== 'alle'; - }).map(([key, value]) => ( - - - - {value.label} - - - - ))} + {Object.entries(søk) + .filter(([key, value]) => { + if (innloggetBruker.rolle === 'BESLUTTER') { + // Beslutter har et redusert sett med filtreringsmuligheter + return ['alle', 'bedrift', 'avtaleNr', 'avtaleVedEnhet'].includes(key); + } + // Veiledere kan ikke filtrere på "alle" + return key !== 'alle'; + }) + .map(([key, value]) => ( + + + + {value.label} + + + + ))} {visSøkefelt && ( = (p params[k] = v; } const [filtre, setFiltre] = useState(params); - return {props.children}; + return ( + + {props.children} + + ); }; diff --git a/src/AvtaleOversikt/Filtrering/GammelFiltrering/SorteringOrderValgGammel.tsx b/src/AvtaleOversikt/Filtrering/GammelFiltrering/SorteringOrderValgGammel.tsx index 9a0f1e825..7f49e072a 100644 --- a/src/AvtaleOversikt/Filtrering/GammelFiltrering/SorteringOrderValgGammel.tsx +++ b/src/AvtaleOversikt/Filtrering/GammelFiltrering/SorteringOrderValgGammel.tsx @@ -24,7 +24,7 @@ const SorteringOrderValgGammel: FunctionComponent = ({ label, sorteringsv 'sortering', filtre.sorteringOrder === 'ASC' && filtre.sorteringskolonne === sorteringsverdi ? 'asc-selected' - : 'asc' + : 'asc', )} onClick={() => { endreFilter({ @@ -38,7 +38,7 @@ const SorteringOrderValgGammel: FunctionComponent = ({ label, sorteringsv 'sortering', filtre.sorteringOrder === 'DESC' && filtre.sorteringskolonne === sorteringsverdi ? 'desc-selected' - : 'desc' + : 'desc', )} onClick={() => { endreFilter({ diff --git a/src/AvtaleOversikt/Filtrering/GammelFiltrering/useFilterGammel.ts b/src/AvtaleOversikt/Filtrering/GammelFiltrering/useFilterGammel.ts index dd6bbe289..1816850ee 100644 --- a/src/AvtaleOversikt/Filtrering/GammelFiltrering/useFilterGammel.ts +++ b/src/AvtaleOversikt/Filtrering/GammelFiltrering/useFilterGammel.ts @@ -30,25 +30,25 @@ export const useFilterGammel = () => { const endreFilter = (endring: Filtrering) => { const newSearchParams = new URLSearchParams(searchParams); - updateOrDeleteKey(newSearchParams, endring, "avtaleNr"); - updateOrDeleteKey(newSearchParams, endring, "veilederNavIdent"); - updateOrDeleteKey(newSearchParams, endring, "deltakerFnr"); - updateOrDeleteKey(newSearchParams, endring, "bedriftNr"); - updateOrDeleteKey(newSearchParams, endring, "navEnhet"); - updateOrDeleteKey(newSearchParams, endring, "erUfordelt"); - updateOrDeleteKey(newSearchParams, endring, "status"); - updateOrDeleteKey(newSearchParams, endring, "sorteringskolonne"); - updateOrDeleteKey(newSearchParams, endring, "tilskuddPeriodeStatus"); - updateOrDeleteKey(newSearchParams, endring, "tiltakstype"); - updateOrDeleteKey(newSearchParams, endring, "sorteringOrder"); + updateOrDeleteKey(newSearchParams, endring, 'avtaleNr'); + updateOrDeleteKey(newSearchParams, endring, 'veilederNavIdent'); + updateOrDeleteKey(newSearchParams, endring, 'deltakerFnr'); + updateOrDeleteKey(newSearchParams, endring, 'bedriftNr'); + updateOrDeleteKey(newSearchParams, endring, 'navEnhet'); + updateOrDeleteKey(newSearchParams, endring, 'erUfordelt'); + updateOrDeleteKey(newSearchParams, endring, 'status'); + updateOrDeleteKey(newSearchParams, endring, 'sorteringskolonne'); + updateOrDeleteKey(newSearchParams, endring, 'tilskuddPeriodeStatus'); + updateOrDeleteKey(newSearchParams, endring, 'tiltakstype'); + updateOrDeleteKey(newSearchParams, endring, 'sorteringOrder'); // Alle endringer som ikke er en endring i paginering/sortering, bør nullstille pagineringen const changedKeys = Object.keys(endring); if (changedKeys.filter((k) => !['page', 'sorteringskolonne', 'sorteringOrder'].includes(k)).length > 0) { - newSearchParams.delete("page"); + newSearchParams.delete('page'); } if (endring.hasOwnProperty('page')) { - newSearchParams.set("page", '' + endring.page); + newSearchParams.set('page', '' + endring.page); } setSearchParams(newSearchParams); diff --git a/src/AvtaleOversikt/Filtrering/SorteringOrderValg.tsx b/src/AvtaleOversikt/Filtrering/SorteringOrderValg.tsx index cf3284b76..0b69ff204 100644 --- a/src/AvtaleOversikt/Filtrering/SorteringOrderValg.tsx +++ b/src/AvtaleOversikt/Filtrering/SorteringOrderValg.tsx @@ -24,7 +24,7 @@ const SorteringOrderValg: FunctionComponent = ({ label, sorteringsverdi } 'sortering', filtre.sorteringOrder === 'ASC' && filtre.sorteringskolonne === sorteringsverdi ? 'asc-selected' - : 'asc' + : 'asc', )} onClick={() => { endreFilter({ @@ -38,7 +38,7 @@ const SorteringOrderValg: FunctionComponent = ({ label, sorteringsverdi } 'sortering', filtre.sorteringOrder === 'DESC' && filtre.sorteringskolonne === sorteringsverdi ? 'desc-selected' - : 'desc' + : 'desc', )} onClick={() => { endreFilter({ diff --git "a/src/AvtaleOversikt/Filtrering/S\303\270keInput.less" "b/src/AvtaleOversikt/Filtrering/S\303\270keInput.less" index f55fbfaee..8467aa853 100644 --- "a/src/AvtaleOversikt/Filtrering/S\303\270keInput.less" +++ "b/src/AvtaleOversikt/Filtrering/S\303\270keInput.less" @@ -4,15 +4,14 @@ &__input-sok { margin-right: 1rem; - width:100%; - } + width: 100%; + } &__button { - margin-top:0.5rem + margin-top: 0.5rem; } } - .søk { &__input-sok { margin-bottom: 1rem; diff --git "a/src/AvtaleOversikt/Filtrering/S\303\270keInput.tsx" "b/src/AvtaleOversikt/Filtrering/S\303\270keInput.tsx" index d659a49ff..3d796c278 100644 --- "a/src/AvtaleOversikt/Filtrering/S\303\270keInput.tsx" +++ "b/src/AvtaleOversikt/Filtrering/S\303\270keInput.tsx" @@ -24,7 +24,9 @@ export const SøkeInput: FunctionComponent = (props) => { // verdi-prop endrer seg, men komponenten vil ikke være fullstendig "managed" av verdien. // Dette gjør vi for at søkeinput skal kunne oppdateres av eksterne endringer feks når man navigerer // frem og tilbake i browser-historikk. - useEffect(() => { setSøkeord(props.verdi || '') }, [props.verdi]); + useEffect(() => { + setSøkeord(props.verdi || ''); + }, [props.verdi]); const utførSøk = (): void => (valider() ? props.utførsøk(søkeord) : void 0); diff --git a/src/AvtaleOversikt/Filtrering/useFilter.ts b/src/AvtaleOversikt/Filtrering/useFilter.ts index 47ea0324c..c4a003405 100644 --- a/src/AvtaleOversikt/Filtrering/useFilter.ts +++ b/src/AvtaleOversikt/Filtrering/useFilter.ts @@ -11,35 +11,35 @@ const updateOrDeleteKeyFromObject = (filterobject: any, filterEndring: Filtrerin filterobject[key] = filterEndring[key]; } } -} +}; export const useFilter = () => { const [filtre, setFiltre] = useContext(FiltreringContext); const endreFilter = (endring: Filtrering) => { - const obj = {...filtre}; - - updateOrDeleteKeyFromObject(obj, endring, "avtaleNr"); - updateOrDeleteKeyFromObject(obj, endring, "veilederNavIdent"); - updateOrDeleteKeyFromObject(obj, endring, "deltakerFnr"); - updateOrDeleteKeyFromObject(obj, endring, "bedriftNr"); - updateOrDeleteKeyFromObject(obj, endring, "navEnhet"); - updateOrDeleteKeyFromObject(obj, endring, "erUfordelt"); - updateOrDeleteKeyFromObject(obj, endring, "status"); - updateOrDeleteKeyFromObject(obj, endring, "sorteringskolonne"); - updateOrDeleteKeyFromObject(obj, endring, "tilskuddPeriodeStatus"); - updateOrDeleteKeyFromObject(obj, endring, "tiltakstype"); - updateOrDeleteKeyFromObject(obj, endring, "sorteringOrder"); + const obj = { ...filtre }; + + updateOrDeleteKeyFromObject(obj, endring, 'avtaleNr'); + updateOrDeleteKeyFromObject(obj, endring, 'veilederNavIdent'); + updateOrDeleteKeyFromObject(obj, endring, 'deltakerFnr'); + updateOrDeleteKeyFromObject(obj, endring, 'bedriftNr'); + updateOrDeleteKeyFromObject(obj, endring, 'navEnhet'); + updateOrDeleteKeyFromObject(obj, endring, 'erUfordelt'); + updateOrDeleteKeyFromObject(obj, endring, 'status'); + updateOrDeleteKeyFromObject(obj, endring, 'sorteringskolonne'); + updateOrDeleteKeyFromObject(obj, endring, 'tilskuddPeriodeStatus'); + updateOrDeleteKeyFromObject(obj, endring, 'tiltakstype'); + updateOrDeleteKeyFromObject(obj, endring, 'sorteringOrder'); // Alle endringer som ikke er en endring i paginering/sortering, bør nullstille pagineringen const changedKeys = Object.keys(endring); - if (changedKeys.filter(k => !['page', 'sorteringskolonne', 'sorteringOrder'].includes(k)).length > 0) { - delete obj["page"]; + if (changedKeys.filter((k) => !['page', 'sorteringskolonne', 'sorteringOrder'].includes(k)).length > 0) { + delete obj['page']; } if (endring.hasOwnProperty('page')) { - obj["page"] = endring.page; + obj['page'] = endring.page; } - + if (!_.isEqual(obj, filtre)) { setFiltre(obj); } diff --git a/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.less b/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.less index 9d36455ba..8097db0fa 100644 --- a/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.less +++ b/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .ingenAvtaler { &__tekst { diff --git a/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.tsx b/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.tsx index 15fcc3e36..b9f7bde29 100644 --- a/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.tsx +++ b/src/AvtaleOversikt/IngenAvtaler/IngenAvtaler.tsx @@ -40,7 +40,9 @@ const IngenAvtalerHvorDuErMed = () => { return (
- Ingen avtaler + + Ingen avtaler + Det har ikke blitt opprettet noen avtaler hvor du er med enda.
diff --git a/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.less b/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.less index 316ef83d5..0ab21d084 100644 --- a/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.less +++ b/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.less @@ -1,4 +1,4 @@ -@import (reference) "../../../tiltak_variabler.less"; +@import (reference) '../../../tiltak_variabler.less'; .ingenAvtalerArbeidsgiver { &__headerIkon { diff --git a/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.tsx b/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.tsx index 4d94aff1d..82e90813c 100644 --- a/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.tsx +++ b/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/IngenAvtalerArbeidsgiver.tsx @@ -12,14 +12,14 @@ type Props = { tiltakstype?: TiltaksType; }; -const IngenAvtalerArbeidsgiver: FunctionComponent = props => { +const IngenAvtalerArbeidsgiver: FunctionComponent = (props) => { const { tilganger, altinnOrganisasjoner } = useContext(InnloggetBrukerContext); if (!props.bedriftNr) { return ; } - const valgtBedrift = altinnOrganisasjoner.find(o => o.OrganizationNumber === props.bedriftNr)!; + const valgtBedrift = altinnOrganisasjoner.find((o) => o.OrganizationNumber === props.bedriftNr)!; const bedriftNavnOgNummer = `${valgtBedrift.Name} (${valgtBedrift.OrganizationNumber})`; const fellesProps = { bedriftNr: props.bedriftNr, tilganger, bedriftNavnOgNummer }; @@ -49,7 +49,7 @@ const IngenAvtalerArbeidsgiver: FunctionComponent = props => { diff --git a/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/RammeMedIkonOgOverskrift.tsx b/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/RammeMedIkonOgOverskrift.tsx index e93ec0635..7c9928cc8 100644 --- a/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/RammeMedIkonOgOverskrift.tsx +++ b/src/AvtaleOversikt/IngenAvtaler/arbeidsgiver/RammeMedIkonOgOverskrift.tsx @@ -1,14 +1,14 @@ import InfoIkon from '@/assets/ikoner/info.svg?react'; import VerticalSpacer from '@/komponenter/layout/VerticalSpacer'; import { Heading } from '@navikt/ds-react'; -import React, {FunctionComponent, PropsWithChildren} from 'react'; +import React, { FunctionComponent, PropsWithChildren } from 'react'; import { useMediaQuery } from 'react-responsive'; interface Props { overskrift: string; } -const RammeMedIkonOgOverskrift: FunctionComponent> = props => { +const RammeMedIkonOgOverskrift: FunctionComponent> = (props) => { const boksenSkalHaMyePadding = useMediaQuery({ minWidth: '55rem' }); return ( diff --git "a/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.less" "b/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.less" index a50c857de..df27a4c96 100644 --- "a/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.less" +++ "b/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.less" @@ -7,7 +7,7 @@ &__topIconContainer { position: absolute; justify-content: center; - + width: 80px; right: 43%; top: 0.2rem; diff --git "a/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.tsx" "b/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.tsx" index 40cc8fed4..89493cb60 100644 --- "a/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.tsx" +++ "b/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ring.tsx" @@ -47,12 +47,12 @@ const TaushetserklæringModal: FunctionComponent = ({ >
- +
- + Signer taushetserklæring

Som mentor må du signere en taushetserklæring.

diff --git "a/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ringTekst.tsx" "b/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ringTekst.tsx" index b904482eb..da999bfe0 100644 --- "a/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ringTekst.tsx" +++ "b/src/AvtaleOversikt/Taushetserkl\303\246ring/Taushetserkl\303\246ringTekst.tsx" @@ -7,7 +7,9 @@ const TausetserklæringTekst = () => { const cls = BEMHelper('taushetserklæring'); return (
- Taushetsplikt for avtale + + Taushetsplikt for avtale +

Forvaltningsloven, arbeids- og velferdsforvaltningsloven og lov om sosiale tjenester i arbeids- og velferdsforvaltningen inneholder strenge regler om taushetsplikt. Det skal bevares taushet om alle @@ -40,7 +42,9 @@ const TausetserklæringTekst = () => { straffeansvar etter straffeloven §§ 209 og 210.

- Hva sier regelverket? + + Hva sier regelverket? +
{ const noenHarGodkjent = Boolean( - avtale.godkjentAvDeltaker || avtale.godkjentAvArbeidsgiver || avtale.godkjentAvVeileder + avtale.godkjentAvDeltaker || avtale.godkjentAvArbeidsgiver || avtale.godkjentAvVeileder, ); return noenHarGodkjent && !avtale.erAvtaleInngått; }; @@ -34,7 +34,7 @@ export interface TemporaryLagring { export type SettAvtaleInnholdVerdi = , T extends Avtaleinnhold>( felt: K, - verdi: T[K] + verdi: T[K], ) => void; export type SettFlereAvtaleInnholdVerdier = (endringer: Partial, lagre?: boolean) => Avtale | undefined; @@ -51,7 +51,7 @@ export interface Context { godkjennPaVegneAvDeltaker: (paVegneGrunn: GodkjentPaVegneAvDeltakerGrunner) => Promise; godkjennPaVegneAvArbeidsgiver: (paVegneGrunn: GodkjentPaVegneAvArbeidsgiverGrunner) => Promise; godkjennPaVegneAvDeltakerOgArbeidsgiver: ( - paVegneGrunn: GodkjentPaVegneAvDeltakerOgArbeidsgiverGrunner + paVegneGrunn: GodkjentPaVegneAvDeltakerOgArbeidsgiverGrunner, ) => Promise; ulagredeEndringer: boolean; hentAvtale: (avtaleId?: string) => Promise; @@ -131,7 +131,7 @@ const AvtaleProvider: FunctionComponent = (props) => { const settAvtaleInnholdVerdi = , T extends Avtaleinnhold>( felt: K, - verdi: T[K] + verdi: T[K], ): Avtale | undefined => { if (noenHarGodkjentMenIkkeInngått(avtale)) { setOpphevGodkjenningerModalIsOpen(true); @@ -251,7 +251,7 @@ const AvtaleProvider: FunctionComponent = (props) => { await hentAvtale(avtale.id); }; const godkjennPaVegneAvDeltakerOgArbeidsgiver = async ( - paVegneGrunn: GodkjentPaVegneAvDeltakerOgArbeidsgiverGrunner + paVegneGrunn: GodkjentPaVegneAvDeltakerOgArbeidsgiverGrunner, ): Promise => { await RestService.godkjennAvtalePaVegneAvDeltakerOgArbeidsgiver(avtale, paVegneGrunn); sendToAmplitude('#tiltak-avtale-godkjent-pavegneav-deltaker-og-ag'); diff --git a/src/AvtaleSide/AvtaleFetcher.tsx b/src/AvtaleSide/AvtaleFetcher.tsx index 936cbc97e..f3abdc234 100644 --- a/src/AvtaleSide/AvtaleFetcher.tsx +++ b/src/AvtaleSide/AvtaleFetcher.tsx @@ -1,6 +1,6 @@ import { AvtaleContext } from '@/AvtaleProvider'; import amplitude from '@/utils/amplitude'; -import React, {FunctionComponent, PropsWithChildren, useContext, useEffect, useState} from 'react'; +import React, { FunctionComponent, PropsWithChildren, useContext, useEffect, useState } from 'react'; import { useParams } from 'react-router-dom'; const AvtaleFetcher: FunctionComponent = (props) => { diff --git a/src/AvtaleSide/AvtaleSide.less b/src/AvtaleSide/AvtaleSide.less index 6d550621e..4fbfe6d60 100644 --- a/src/AvtaleSide/AvtaleSide.less +++ b/src/AvtaleSide/AvtaleSide.less @@ -1,138 +1,137 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .avtaleside { - min-height: 100%; - padding-left: 1rem; - padding-right: 1rem; - margin-bottom: 9rem; - - - &__ekspanderbart-panel { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } - - &__innhold { - min-width: 29.125rem; - } - - &__container { - width: 100%; - - display: flex; - flex-direction: row; - justify-content: center; - align-items: flex-start; - } - - &__banner { - margin-bottom: 1rem; - } - - &__meny-wrapper { - margin: 1rem 0 1rem 0; - display: flex; - justify-content: space-between; - align-items: center; - - .popover { - &__content-inner { + min-height: 100%; + padding-left: 1rem; + padding-right: 1rem; + margin-bottom: 9rem; + + &__ekspanderbart-panel { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + &__innhold { + min-width: 29.125rem; + } + + &__container { + width: 100%; + display: flex; - flex-direction: column; - padding: 0.5rem 1rem; + flex-direction: row; + justify-content: center; + align-items: flex-start; + } - .lenke { - margin: 1rem; - } - } + &__banner { + margin-bottom: 1rem; } - @media print { - display: none; + &__meny-wrapper { + margin: 1rem 0 1rem 0; + display: flex; + justify-content: space-between; + align-items: center; + + .popover { + &__content-inner { + display: flex; + flex-direction: column; + padding: 0.5rem 1rem; + + .lenke { + margin: 1rem; + } + } + } + + @media print { + display: none; + } } - } - - &__popover-lenke { - padding-bottom: 1rem; - padding-top: 1rem; - } - - &__lenkerlinje { - align-items: center; - display: flex; - justify-content: space-between; - margin-bottom: 1rem; - margin-top: 1rem; - - @media print { - display: none; + + &__popover-lenke { + padding-bottom: 1rem; + padding-top: 1rem; } - } - - .tilbaketiloversikt { - margin-top: 1rem; - margin-bottom: 1rem; - display: flex; - justify-content: space-between; - } - - .lenkedeling { - margin-top: 1rem; - } - - &__infoboks { - @media print { - display: none; + + &__lenkerlinje { + align-items: center; + display: flex; + justify-content: space-between; + margin-bottom: 1rem; + margin-top: 1rem; + + @media print { + display: none; + } } - } - &__varsel { - margin-top: 1rem; - @media print { - display: none; + .tilbaketiloversikt { + margin-top: 1rem; + margin-bottom: 1rem; + display: flex; + justify-content: space-between; } - } - &__svak { - font-style: italic; - color: @navGra60; - } -} + .lenkedeling { + margin-top: 1rem; + } -@media (min-width: @screen-md) { - .avtaleside { - display: flex; - flex-direction: row; - justify-content: center; - margin-bottom: 7rem; - - &__desktop { - width: 100%; - max-width: 58rem; - display: flex; - flex-direction: column; + &__infoboks { + @media print { + display: none; + } } - &__innhold { - max-width: 40rem; - width: 100%; + &__varsel { + margin-top: 1rem; + @media print { + display: none; + } } - &__container { - width: 100%; - min-width: 48rem; - display: flex; - flex-direction: row; - justify-content: center; - align-items: flex-start; + &__svak { + font-style: italic; + color: @navGra60; } +} - &__avbrytOgDelLenk { - display: flex; +@media (min-width: @screen-md) { + .avtaleside { + display: flex; + flex-direction: row; + justify-content: center; + margin-bottom: 7rem; + + &__desktop { + width: 100%; + max-width: 58rem; + display: flex; + flex-direction: column; + } + + &__innhold { + max-width: 40rem; + width: 100%; + } - *:not(:last-child) { - margin-right: 1rem; - } + &__container { + width: 100%; + min-width: 48rem; + display: flex; + flex-direction: row; + justify-content: center; + align-items: flex-start; + } + + &__avbrytOgDelLenk { + display: flex; + + *:not(:last-child) { + margin-right: 1rem; + } + } } - } } diff --git a/src/AvtaleSide/AvtaleStatus/StatusPanel.tsx b/src/AvtaleSide/AvtaleStatus/StatusPanel.tsx index 9a1d563f6..05e471c26 100644 --- a/src/AvtaleSide/AvtaleStatus/StatusPanel.tsx +++ b/src/AvtaleSide/AvtaleStatus/StatusPanel.tsx @@ -15,9 +15,13 @@ const StatusPanel: React.FunctionComponent<{ {header.length > 36 ? ( - {header} + + {header} + ) : ( - {header} + + {header} + )}
diff --git a/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx b/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx index 5d7e764c8..29d3d56ce 100644 --- a/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx +++ b/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx @@ -21,7 +21,7 @@ const VeilederAvtaleStatus: FunctionComponent = () => { avtale.godkjentAvVeileder && !avtale.erAnnullertEllerAvbrutt && avtale.tilskuddPeriode.find( - (t) => t.status === 'AVSLÅTT' && t.løpenummer === avtale.gjeldendeTilskuddsperiode?.løpenummer + (t) => t.status === 'AVSLÅTT' && t.løpenummer === avtale.gjeldendeTilskuddsperiode?.løpenummer, ) && avtale.gjeldendeTilskuddsperiode?.status !== 'GODKJENT'; @@ -129,7 +129,9 @@ const VeilederAvtaleStatus: FunctionComponent = () => { } } case 'KLAR_FOR_OPPSTART': - return (avtale.tiltakstype === 'SOMMERJOBB' || avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || avtale.tiltakstype === 'VARIG_LONNSTILSKUDD') ? ( + return avtale.tiltakstype === 'SOMMERJOBB' || + avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || + avtale.tiltakstype === 'VARIG_LONNSTILSKUDD' ? ( { - Du skal ikke registrere tiltaksgjennomføringen i Arena. Avtalen - journalføres automatisk i Gosys. + Du skal ikke registrere tiltaksgjennomføringen i Arena. Avtalen journalføres automatisk + i Gosys. } diff --git a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less b/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less index 1ee3fa1f1..64b4c0a25 100644 --- a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less +++ b/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .kopierlenke { &__modal { diff --git a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx b/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx index b0480c62f..e003cb828 100644 --- a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx +++ b/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx @@ -28,7 +28,9 @@ const SendVarselModal: React.FunctionComponent = (props) => { aria-modal={props.isOpen} > - Del lenke til avtalen + + Del lenke til avtalen + @@ -40,7 +42,9 @@ const SendVarselModal: React.FunctionComponent = (props) => { - Send lenke på SMS + + Send lenke på SMS + = (props) => { - Send lenke manuelt + + Send lenke manuelt +
{pathTilOversiktISelvbetjeningProd}
- +
diff --git "a/src/AvtaleSide/OppdaterOppf\303\270lgingsenhet/OppdaterOppf\303\270lgingsenhet.less" "b/src/AvtaleSide/OppdaterOppf\303\270lgingsenhet/OppdaterOppf\303\270lgingsenhet.less" index 1d5d2e8d1..8e0e51242 100644 --- "a/src/AvtaleSide/OppdaterOppf\303\270lgingsenhet/OppdaterOppf\303\270lgingsenhet.less" +++ "b/src/AvtaleSide/OppdaterOppf\303\270lgingsenhet/OppdaterOppf\303\270lgingsenhet.less" @@ -1,5 +1,4 @@ .oppdaterOppfølgingsenhet { - padding: 1rem; display: flex; flex-direction: column; @@ -21,5 +20,4 @@ &__lenke { display: flex; } - } diff --git a/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx b/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx index 4579ea5f9..8bdea7908 100644 --- a/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx +++ b/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx @@ -45,7 +45,7 @@ const OppgaveLenker: React.FunctionComponent = () => { - {harØkonomi && avtale.godkjentAvVeileder === null && } + {harØkonomi && avtale.godkjentAvVeileder === null && } {avtale.godkjentAvVeileder !== null && ( <> diff --git a/src/AvtaleSide/Oppgavelinje/SlikVilTilskuddsperioderSeUt.tsx b/src/AvtaleSide/Oppgavelinje/SlikVilTilskuddsperioderSeUt.tsx index b84072279..289d71d71 100644 --- a/src/AvtaleSide/Oppgavelinje/SlikVilTilskuddsperioderSeUt.tsx +++ b/src/AvtaleSide/Oppgavelinje/SlikVilTilskuddsperioderSeUt.tsx @@ -9,7 +9,7 @@ interface Props { tilskuddsperioder: TilskuddsPeriode[]; } -const SlikVilTilskuddsperioderSeUt: FunctionComponent = props => { +const SlikVilTilskuddsperioderSeUt: FunctionComponent = (props) => { if (props.tilskuddsperioder.length === 0) { return null; } diff --git a/src/AvtaleSide/OvertaAvtalen/UfordeltModusModal.less b/src/AvtaleSide/OvertaAvtalen/UfordeltModusModal.less index b15d964cd..f842b9fdc 100644 --- a/src/AvtaleSide/OvertaAvtalen/UfordeltModusModal.less +++ b/src/AvtaleSide/OvertaAvtalen/UfordeltModusModal.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .ufordelt-modal { &__modal { diff --git a/src/AvtaleSide/SendTilbakeTilBeslutterUendret/SendTilbakeTilBeslutterUendret.tsx b/src/AvtaleSide/SendTilbakeTilBeslutterUendret/SendTilbakeTilBeslutterUendret.tsx index 2cfda9b73..2a879d399 100644 --- a/src/AvtaleSide/SendTilbakeTilBeslutterUendret/SendTilbakeTilBeslutterUendret.tsx +++ b/src/AvtaleSide/SendTilbakeTilBeslutterUendret/SendTilbakeTilBeslutterUendret.tsx @@ -25,7 +25,10 @@ const SendTilbakeTilBeslutterUendret = () => {
{sendTilbakeModalIsOpen && (
- setSendTilbakeModalIsOpen(false)} /> + setSendTilbakeModalIsOpen(false)} + />
)} diff --git a/src/AvtaleSide/Stegmeny/Stegmeny.tsx b/src/AvtaleSide/Stegmeny/Stegmeny.tsx index e6f9d09d7..4fbd5ca56 100644 --- a/src/AvtaleSide/Stegmeny/Stegmeny.tsx +++ b/src/AvtaleSide/Stegmeny/Stegmeny.tsx @@ -12,7 +12,7 @@ interface Props { const Stegmeny: FunctionComponent = (props: Props) => { const { avtale } = useContext(AvtaleContext); - const stegLenker = props.steg.map(steg => ( + const stegLenker = props.steg.map((steg) => ( = props => { +const StegmenyLenke: FunctionComponent = (props) => { const Ikon = props.ferdig ? StegFullfortIkon : StegIkkeFullfortIkon; const avtaleContext = useContext(AvtaleContext); diff --git a/src/AvtaleSide/VarselModal/VarselModal.less b/src/AvtaleSide/VarselModal/VarselModal.less index 4b4dbe4b8..fddf9ece9 100644 --- a/src/AvtaleSide/VarselModal/VarselModal.less +++ b/src/AvtaleSide/VarselModal/VarselModal.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .varsel-modal { &__modal { diff --git a/src/AvtaleSide/VarselModal/VarselModal.tsx b/src/AvtaleSide/VarselModal/VarselModal.tsx index 2c72e9e71..95ff594b0 100644 --- a/src/AvtaleSide/VarselModal/VarselModal.tsx +++ b/src/AvtaleSide/VarselModal/VarselModal.tsx @@ -52,7 +52,9 @@ const VarselModal: FunctionComponent = () => { - {harOpprettetHendelse ? 'Hendelselogg' : 'Nye hendelser'} + + {harOpprettetHendelse ? 'Hendelselogg' : 'Nye hendelser'} + {harOpprettetHendelse diff --git a/src/AvtaleSide/Varsellogg/VarselTabell.tsx b/src/AvtaleSide/Varsellogg/VarselTabell.tsx index 051549158..9a34514c6 100644 --- a/src/AvtaleSide/Varsellogg/VarselTabell.tsx +++ b/src/AvtaleSide/Varsellogg/VarselTabell.tsx @@ -6,7 +6,7 @@ import { Table } from '@navikt/ds-react'; import moment from 'moment'; import { Checkbox, CheckboxGroup } from '@navikt/ds-react'; -import {FunctionComponent, PropsWithChildren, useState} from 'react'; +import { FunctionComponent, PropsWithChildren, useState } from 'react'; type Props = { varsler: Varsel[]; @@ -21,9 +21,12 @@ const formaterTid = (tidspunkt: string) => { } }; -const UtgråetTekst: FunctionComponent> = - ({ children, grå, title }) => ( - +const UtgråetTekst: FunctionComponent> = ({ + children, + grå, + title, +}) => ( + {children} ); @@ -103,7 +106,7 @@ const VarselTabell: FunctionComponent = (props) => { {storForbokstav( varsel.utførtAvIdentifikator !== null ? varsel.utførtAvIdentifikator - : varsel.utførtAv + : varsel.utførtAv, )} ) : ( diff --git a/src/AvtaleSide/Varsellogg/Varsellogg.less b/src/AvtaleSide/Varsellogg/Varsellogg.less index c8a06f612..4dea276d2 100644 --- a/src/AvtaleSide/Varsellogg/Varsellogg.less +++ b/src/AvtaleSide/Varsellogg/Varsellogg.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .varsellogg { &__spinner { diff --git a/src/AvtaleSide/steg/BeregningTilskudd/Arbeidsgiveravgift.tsx b/src/AvtaleSide/steg/BeregningTilskudd/Arbeidsgiveravgift.tsx index 7cdafd951..8b58a722c 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/Arbeidsgiveravgift.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/Arbeidsgiveravgift.tsx @@ -19,7 +19,7 @@ const Arbeidsgiveravgift: React.FC = ({ cls }: Props) => { satserVerdier.push({ label: (sats * 100).toFixed(1) + ' %', value: sats.toString(), - }) + }), ); return satserVerdier; })(); diff --git a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less index 730a69427..2385bc983 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less +++ b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less @@ -1,56 +1,57 @@ -@import (reference) "../../../tiltak_variabler.less"; +@import (reference) '../../../tiltak_variabler.less'; .beregningTilskuddSteg { - - &__valuta-input { - width: 50%; - & > .input { - margin-top: 1rem; + &__valuta-input { + width: 50%; + & > .input { + margin-top: 1rem; + } } - } - - &__alert { - margin-top: 1rem; - } - &__tilskuddsprosent-heading, &__tilskuddsprosent { - margin-bottom: 1.25rem; - } + &__alert { + margin-top: 1rem; + } - &__rad { - margin-bottom: 2rem; - } + &__tilskuddsprosent-heading, + &__tilskuddsprosent { + margin-bottom: 1.25rem; + } - &__tjenestepensjon, &__arbeidsgiveravgift { + &__rad { + margin-bottom: 2rem; + } - .navds-form-field { - & > input, & > div { - width: 55%; - } + &__tjenestepensjon, + &__arbeidsgiveravgift { + .navds-form-field { + & > input, + & > div { + width: 55%; + } + } } - } - &__lonn-tittel { - padding-bottom: 0.5rem; - } + &__lonn-tittel { + padding-bottom: 0.5rem; + } - &__otpSats { - position: relative; + &__otpSats { + position: relative; - &--label { - position: absolute; - bottom: 0.675rem; - left: 3rem; + &--label { + position: absolute; + bottom: 0.675rem; + left: 3rem; + } } - } - &__lonn-per-mnd-seksjon { - &:nth-child(n) { - margin-bottom: 0.5rem; + &__lonn-per-mnd-seksjon { + &:nth-child(n) { + margin-bottom: 0.5rem; - & > ul { - margin: 0.5rem 0; - } + & > ul { + margin: 0.5rem 0; + } + } } - } } diff --git a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx index 8a25331e7..b8025414c 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx @@ -43,7 +43,7 @@ const BeregningTilskuddSteg: FunctionComponent = () => { - + diff --git a/src/AvtaleSide/steg/BeregningTilskudd/Formidlingsgruppe.tsx b/src/AvtaleSide/steg/BeregningTilskudd/Formidlingsgruppe.tsx index 70747e9b7..79cabd362 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/Formidlingsgruppe.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/Formidlingsgruppe.tsx @@ -46,7 +46,7 @@ export const SjekkOmGyldigFormidlingsgruppe: FunctionComponent = (props) Formidlingsgruppe.IKKE_SERVICEBEHOV, ], 'Formidlingsgruppe', - hentFormidlingsgruppeTekst + hentFormidlingsgruppeTekst, )} ); diff --git a/src/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe.tsx b/src/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe.tsx index 5252fdab6..5e9d10d81 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe.tsx @@ -19,7 +19,7 @@ interface Props { kvalifiseringsgruppe: string; } -export const SjekkKvalifiseringsgruppeOppMotTiltakstype:FunctionComponent = (props) => { +export const SjekkKvalifiseringsgruppeOppMotTiltakstype: FunctionComponent = (props) => { const { tiltakstype, kvalifiseringsgruppe } = props; if ( ((tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || tiltakstype === 'SOMMERJOBB') && @@ -56,9 +56,8 @@ const hentFeilMeldingForUgyldingKvalifiseringsgruppe = (kode: string): React.Rea <> Kandidat er registrert med servicegruppe {' ' + tekst + '. '} - Denne gruppen kvalifiserer ikke til dette tiltaket. - Sjekk at innsatsbehovet stemmer. - Hvis det stemmer så gi beskjed til arbeidsgiver og annuller avtale. + Denne gruppen kvalifiserer ikke til dette tiltaket. Sjekk at innsatsbehovet stemmer. Hvis det stemmer så + gi beskjed til arbeidsgiver og annuller avtale. ); } @@ -74,13 +73,13 @@ const hentListeMedGyldigeGrupperForTiltak = (tiltakstype: string) => { Kvalifiseringsgruppe.VARIG_TILPASSET_INNSATS, ], 'Kvalifiseringsgruppe/Servicegruppe', - hentKvalifiseringsgruppeTekst + hentKvalifiseringsgruppeTekst, ); } else if (tiltakstype === 'VARIG_LONNSTILSKUDD') { return genererGyldigListeMedlemmer( [Kvalifiseringsgruppe.VARIG_TILPASSET_INNSATS], 'Kvalifiseringsgruppe/Servicegruppe', - hentKvalifiseringsgruppeTekst + hentKvalifiseringsgruppeTekst, ); } return null; @@ -89,7 +88,7 @@ const hentListeMedGyldigeGrupperForTiltak = (tiltakstype: string) => { export const genererGyldigListeMedlemmer = ( medlemsliste: string[], gruppeTypeTekst: string, - callbackHenttekst: (key: string) => string + callbackHenttekst: (key: string) => string, ): React.ReactNode => ( <> {gruppeTypeTekst} tillatt: diff --git a/src/AvtaleSide/steg/BeregningTilskudd/KvalifiseringsgruppeSats/KvalifiseringsgruppeSats.tsx b/src/AvtaleSide/steg/BeregningTilskudd/KvalifiseringsgruppeSats/KvalifiseringsgruppeSats.tsx index 35ebb5520..0483b63fa 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/KvalifiseringsgruppeSats/KvalifiseringsgruppeSats.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/KvalifiseringsgruppeSats/KvalifiseringsgruppeSats.tsx @@ -55,14 +55,18 @@ const KvalifiseringsgruppeSats: FunctionComponent = ({ cls }: Props) => {
) : (
- Tilskuddsprosent + + Tilskuddsprosent + {settLonnstilskuddsprosent()}
)}
) : (
- Tilskuddsprosent + + Tilskuddsprosent + {settLonnstilskuddsprosent()}
); diff --git a/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx b/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx index 45d777110..95944bdfa 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx @@ -11,7 +11,8 @@ interface Props { const Manedslonn: React.FC = ({ cls }: Props) => { const { avtale, settAvtaleInnholdVerdier, settOgKalkulerBeregningsverdier } = useContext(AvtaleContext); - const erHøyManedslønn = (avtale.gjeldendeInnhold.manedslonn !== undefined && avtale.gjeldendeInnhold.manedslonn > 99999); + const erHøyManedslønn = + avtale.gjeldendeInnhold.manedslonn !== undefined && avtale.gjeldendeInnhold.manedslonn > 99999; return ( @@ -29,11 +30,11 @@ const Manedslonn: React.FC = ({ cls }: Props) => { onBlur={(event) => settOgKalkulerBeregningsverdier({ manedslonn: parseFloat(event.target.value) })} min={0} /> - {erHøyManedslønn && + {erHøyManedslønn && ( Er du sikker på at dette er riktig månedslønn? - } + )} ); diff --git a/src/AvtaleSide/steg/BeregningTilskudd/VisUtregningenPanel.less b/src/AvtaleSide/steg/BeregningTilskudd/VisUtregningenPanel.less index e0c4dd4fd..856125374 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/VisUtregningenPanel.less +++ b/src/AvtaleSide/steg/BeregningTilskudd/VisUtregningenPanel.less @@ -1,4 +1,4 @@ -@import (reference) "../../../tiltak_variabler.less"; +@import (reference) '../../../tiltak_variabler.less'; .visUtregningenPanel { &__rad { diff --git a/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderOppsummering.tsx b/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderOppsummering.tsx index 4fc5a5c0a..880dce14e 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderOppsummering.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderOppsummering.tsx @@ -13,7 +13,9 @@ const TilskuddsPerioderOppsummering = () => { return ( <> - Tilskuddsperioder + + Tilskuddsperioder + diff --git a/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderVeileder.tsx b/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderVeileder.tsx index 4db8b984f..6324031f5 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderVeileder.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderVeileder.tsx @@ -13,7 +13,7 @@ type Props = { tilskuddsperioder: TilskuddsPeriode[]; }; -const TilskuddsPerioderVeileder: FunctionComponent = props => { +const TilskuddsPerioderVeileder: FunctionComponent = (props) => { const detErOpprettetTilskuddsPerioder = props.tilskuddsperioder.length > 0; return detErOpprettetTilskuddsPerioder ? ( @@ -29,7 +29,7 @@ const TilskuddsPerioderVeileder: FunctionComponent = props => { - {props.tilskuddsperioder.map(periode => { + {props.tilskuddsperioder.map((periode) => { return ( {periode.løpenummer} @@ -38,7 +38,9 @@ const TilskuddsPerioderVeileder: FunctionComponent = props => { {formatterProsent(periode.lonnstilskuddProsent)} {formatterPenger(periode.beløp)} - + + + ); })} diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx index 6620f0e67..d26d10fe9 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx @@ -65,13 +65,11 @@ const VisningTilskuddsperioderTabell: React.FC = ({ className }: Pro )} - {avtale.tiltakstype === 'VARIG_LONNSTILSKUDD' && periode.status !== 'BEHANDLET_I_ARENA' && ( - <>{periode.lonnstilskuddProsent}% - )} - {(avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || avtale.tiltakstype === 'SOMMERJOBB') && ( - <>{periode.lonnstilskuddProsent}% - )} - + {avtale.tiltakstype === 'VARIG_LONNSTILSKUDD' && + periode.status !== 'BEHANDLET_I_ARENA' && <>{periode.lonnstilskuddProsent}%} + {(avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || + avtale.tiltakstype === 'SOMMERJOBB') && <>{periode.lonnstilskuddProsent}%} + {formatterPenger(periode.beløp)} diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/visningTilskuddsperioder.less b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/visningTilskuddsperioder.less index d086df7be..f069ce65a 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/visningTilskuddsperioder.less +++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/visningTilskuddsperioder.less @@ -19,7 +19,8 @@ padding: 1rem 0; } - &__melding-arbeidsgiver, &__melding-arbeidsgiver-text { + &__melding-arbeidsgiver, + &__melding-arbeidsgiver-text { margin: 1rem 0; } diff --git "a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningEksterneAkt\303\270rer/GodkjenningArbeidsgiver.tsx" "b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningEksterneAkt\303\270rer/GodkjenningArbeidsgiver.tsx" index 037320077..43bbfc6c7 100644 --- "a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningEksterneAkt\303\270rer/GodkjenningArbeidsgiver.tsx" +++ "b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningEksterneAkt\303\270rer/GodkjenningArbeidsgiver.tsx" @@ -13,7 +13,7 @@ const GodkjenningArbeidsgiver: FunctionComponent = () => { const { avtale, godkjenn } = useContext(AvtaleContext); const cls = BEMHelper('godkjenning'); const erLønnstilskuddEllerSommerjobb = ['MIDLERTIDIG_LONNSTILSKUDD', 'VARIG_LONNSTILSKUDD', 'SOMMERJOBB'].includes( - avtale.tiltakstype + avtale.tiltakstype, ); const [bekreftetArbeidsAvtale, setBekreftetArbeidsAvtale] = useState(false); @@ -37,7 +37,7 @@ const GodkjenningArbeidsgiver: FunctionComponent = () => { const felterSomIkkeErFyltUt = avtale.felterSomIkkeErFyltUt; if (felterSomIkkeErFyltUt.length === 1 && felterSomIkkeErFyltUt[0] === 'lonnstilskuddProsent') { throw new UfullstendigError( - 'Før du kan godkjenne må veileder sette lønnstilskuddprosent. Avtalen er tilgjengelig for veileder nå.' + 'Før du kan godkjenne må veileder sette lønnstilskuddprosent. Avtalen er tilgjengelig for veileder nå.', ); } }; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvArbeidsgiver.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvArbeidsgiver.tsx index 228d39709..7694ae7d6 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvArbeidsgiver.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvArbeidsgiver.tsx @@ -41,7 +41,7 @@ const GodkjennPaVegneAvArbeidsgiver: FunctionComponent = (props) => { } if (!arbeidsgiverInformert) { return setFeilArbeidsgiverInformert( - 'Arbeidsgiver må være informert om kravene og godkjenne innholdet i avtalen.' + 'Arbeidsgiver må være informert om kravene og godkjenne innholdet i avtalen.', ); } else { setFeilArbeidsgiverInformert(undefined); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvBeggeParter.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvBeggeParter.tsx index 8897fb93e..170dcd561 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvBeggeParter.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvBeggeParter.tsx @@ -71,7 +71,7 @@ const GodkjennPaVegneAvBeggeParter: FunctionComponent = (props) => { if (!erInformert.includes('erInformert')) { return setFeilErInformert( - 'Deltaker og arbeidsgiver må være informert om kravene og godkjenne innholdet i avtalen.' + 'Deltaker og arbeidsgiver må være informert om kravene og godkjenne innholdet i avtalen.', ); } else { setFeilErInformert(undefined); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvDeltaker.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvDeltaker.tsx index 939f9b32c..a20224e97 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvDeltaker.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjennPaVegneAvDeltaker.tsx @@ -40,7 +40,7 @@ const GodkjennPaVegneAvDeltaker: FunctionComponent = (props) => { const [deltakerInformert, setDeltakerInformert] = useState(false); const [feilDeltakerInformert, setFeilDeltakerInformert] = useState(); const [godkjennPaVegne, setGodkjennPaVegne] = useState( - props.skalGodkjennesPaVegne ? ['godkjennPaVegne'] : [''] + props.skalGodkjennesPaVegne ? ['godkjennPaVegne'] : [''], ); const [bekreftAtDeltakerErInformert, setBekreftAtDeltakerErInformert] = useState(['']); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjenningVeileder.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjenningVeileder.tsx index 642fb4e17..8d2aa2e13 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjenningVeileder.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Godkjenning/godkjenningVeileder/GodkjenningVeileder.tsx @@ -28,7 +28,7 @@ const GodkjenningVeileder: FunctionComponent = () => { const ikkeGodkjentAvNoen = !avtale.godkjentAvDeltaker && !avtale.godkjentAvArbeidsgiver; return ( - + Godkjenn avtalen {((avtale.tiltakstype !== 'SOMMERJOBB' && !avtale.godkjentAvDeltaker) || @@ -38,13 +38,13 @@ const GodkjenningVeileder: FunctionComponent = () => { setSkalGodkjennesPaVegne={setSkalGodkjennesPaVegne} /> )} - {(avtale.tiltakstype === 'SOMMERJOBB') && kunGodkjentAvDeltaker && ( + {avtale.tiltakstype === 'SOMMERJOBB' && kunGodkjentAvDeltaker && ( )} - {(avtale.tiltakstype === 'SOMMERJOBB') && ikkeGodkjentAvNoen && ( + {avtale.tiltakstype === 'SOMMERJOBB' && ikkeGodkjentAvNoen && ( = (props: Props) => { {navn}
- +
); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less index 44dd0842b..48179ed4c 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less @@ -1,4 +1,4 @@ -@import (reference) "../../../../tiltak_variabler.less"; +@import (reference) '../../../../tiltak_variabler.less'; .godkjenningstatus { padding: 1rem; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx index 76bac7d0a..a8ff280da 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx @@ -12,7 +12,9 @@ interface Props { const GodkjenningStatus: React.FunctionComponent = (props) => { return (
- Hvem har godkjent? + + Hvem har godkjent? +
= (props) => { } else { innhold = ( <> - {props.navnFelter.map((felt) => felt.verdi).join(' ')} + + {props.navnFelter.map((felt) => felt.verdi).join(' ')} + {props.tilleggFelter.map((felt, index) => ( diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/Avtaleparter.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/Avtaleparter.tsx index d4ed39d84..5aed6378d 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/Avtaleparter.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/Avtaleparter.tsx @@ -5,17 +5,16 @@ import { AvtaleinfoFeltSjekk } from '../AvtaleinfoFeltSjekk/AvtaleinfoFeltSjekk' import Stegoppsummering from '../Stegoppsummering/Stegoppsummering'; import './Avtaleparter.less'; import AvtaleparterHeaderIkon from './AvtalepartnerHeaderIkon'; -import {InnloggetBrukerContext} from "@/InnloggingBoundary/InnloggingBoundary"; -import KontaktpersonRefusjonOppsumering - from "@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering"; +import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary'; +import KontaktpersonRefusjonOppsumering from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering'; interface Props { avtaleinnhold: Avtaleinnhold; } -const Avtaleparter: FunctionComponent = props => { - const {avtale} = useContext(AvtaleContext); - const {rolle} = useContext(InnloggetBrukerContext); +const Avtaleparter: FunctionComponent = (props) => { + const { avtale } = useContext(AvtaleContext); + const { rolle } = useContext(InnloggetBrukerContext); const gjeldendeInnhold = props.avtaleinnhold; const erLåst = Boolean(avtale.godkjentAvVeileder); return ( @@ -26,20 +25,25 @@ const Avtaleparter: FunctionComponent = props => { { felt: 'fornavn', verdi: gjeldendeInnhold.deltakerFornavn }, { felt: 'etternavn', verdi: gjeldendeInnhold.deltakerEtternavn }, ]} - tilleggFelter={rolle !== 'MENTOR' ? [ - { - felt: 'fødselsnummer', - verdi: avtale.deltakerFnr, - },{ - felt: 'telefon', - verdi: gjeldendeInnhold.deltakerTlf, - } - ]:[ - { - felt: 'telefon', - verdi: gjeldendeInnhold.deltakerTlf, - } - ]} + tilleggFelter={ + rolle !== 'MENTOR' + ? [ + { + felt: 'fødselsnummer', + verdi: avtale.deltakerFnr, + }, + { + felt: 'telefon', + verdi: gjeldendeInnhold.deltakerTlf, + }, + ] + : [ + { + felt: 'telefon', + verdi: gjeldendeInnhold.deltakerTlf, + }, + ] + } overskrift="Deltaker" borderFarge="farge-gronn" skjulHvaMangler={erLåst} @@ -85,9 +89,7 @@ const Avtaleparter: FunctionComponent = props => { borderFarge="farge-lysblaa" skjulHvaMangler={erLåst} /> - {avtale.gjeldendeInnhold.refusjonKontaktperson && ( - - )} + {avtale.gjeldendeInnhold.refusjonKontaktperson && }
); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/GodkjennPaVegneAv/GodkjennPaVegneAv.less b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/GodkjennPaVegneAv/GodkjennPaVegneAv.less index 595a1f842..79ad1f863 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/GodkjennPaVegneAv/GodkjennPaVegneAv.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/GodkjennPaVegneAv/GodkjennPaVegneAv.less @@ -1,4 +1,4 @@ -@import (reference) "../../../../../tiltak_variabler.less"; +@import (reference) '../../../../../tiltak_variabler.less'; .godkjennPaVegneAv { margin: 1rem 0; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/HvaManglerOppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/HvaManglerOppsummering.tsx index 997625a08..90057c148 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/HvaManglerOppsummering.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/HvaManglerOppsummering.tsx @@ -1,7 +1,7 @@ import { avtaleFelterBokmal } from '@/messages'; import { Avtaleinnhold } from '@/types/avtale'; import { storForbokstav } from '@/utils/stringUtils'; -import React, {FunctionComponent, PropsWithChildren} from 'react'; +import React, { FunctionComponent, PropsWithChildren } from 'react'; import { Tag } from '@navikt/ds-react'; type Props = { @@ -10,7 +10,7 @@ type Props = { const HvaManglerOppsummering: FunctionComponent> = (props) => { const tommeFelter = Object.keys(props.avhengigFelter).filter( - (key) => !props.avhengigFelter[key as keyof Avtaleinnhold] + (key) => !props.avhengigFelter[key as keyof Avtaleinnhold], ); const manglerTekst = diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx index 416746d7f..25c0474d8 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx @@ -24,7 +24,10 @@ const KontaktpersonRefusjonOppsumering: FunctionComponent = () => { ]} tilleggFelter={[ { felt: 'telefon', verdi: gjeldendeInnhold.refusjonKontaktperson?.refusjonKontaktpersonTlf }, - { felt: 'ønskerVarslingOmRefusjon', verdi: gjeldendeInnhold.refusjonKontaktperson?.ønskerVarslingOmRefusjon ? 'Ja': 'Nei' } + { + felt: 'ønskerVarslingOmRefusjon', + verdi: gjeldendeInnhold.refusjonKontaktperson?.ønskerVarslingOmRefusjon ? 'Ja' : 'Nei', + }, ]} overskrift={'Kontaktperson hos arbeidsgiver for refusjon'} borderFarge="farge-graa" diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringArbeidstrening/OppsummeringArbeidstrening.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringArbeidstrening/OppsummeringArbeidstrening.tsx index 7c0210575..ef9fb18c5 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringArbeidstrening/OppsummeringArbeidstrening.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringArbeidstrening/OppsummeringArbeidstrening.tsx @@ -12,7 +12,7 @@ interface Props { avtaleinnhold: Avtaleinnhold; } -const OppsummeringArbeidstrening: FunctionComponent = props => ( +const OppsummeringArbeidstrening: FunctionComponent = (props) => ( <> diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringInkluderingstilskudd/OppsummeringInkluderingstilskudd.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringInkluderingstilskudd/OppsummeringInkluderingstilskudd.tsx index 378877193..e2d6ec2fd 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringInkluderingstilskudd/OppsummeringInkluderingstilskudd.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringInkluderingstilskudd/OppsummeringInkluderingstilskudd.tsx @@ -1,8 +1,8 @@ -import RelasjonerOppsummering from "@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/RelasjonerOppsummering/RelasjonerOppsummering"; -import VerticalSpacer from "@/komponenter/layout/VerticalSpacer"; +import RelasjonerOppsummering from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/RelasjonerOppsummering/RelasjonerOppsummering'; +import VerticalSpacer from '@/komponenter/layout/VerticalSpacer'; import { Avtaleinnhold } from '@/types/avtale'; import React, { FunctionComponent } from 'react'; -import Avtaleparter from "../Avtaleparter/Avtaleparter"; +import Avtaleparter from '../Avtaleparter/Avtaleparter'; import InkluderingstilskuddOppsummering from '../InkluderingstilskuddOppsummering/InkluderingstilskuddOppsummering'; import StartOgSluttdatoOppsummering from '../InkluderingstilskuddOppsummering/StartOgSluttdatoOppsummering'; import OppfolgingOppsummering from '../oppfølging/OppfolgingOppsummering'; @@ -12,7 +12,7 @@ interface Props { avtaleinnhold: Avtaleinnhold; } -const OppsummeringInkluderingstilskudd: FunctionComponent = props => ( +const OppsummeringInkluderingstilskudd: FunctionComponent = (props) => ( <> diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringLonnstilskudd/OppsummeringLonnstilskudd.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringLonnstilskudd/OppsummeringLonnstilskudd.tsx index d25dc36f6..43062c654 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringLonnstilskudd/OppsummeringLonnstilskudd.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringLonnstilskudd/OppsummeringLonnstilskudd.tsx @@ -14,7 +14,7 @@ interface Props { avtaleinnhold: Avtaleinnhold; } -const OppsummeringLonnstilskudd: FunctionComponent = props => ( +const OppsummeringLonnstilskudd: FunctionComponent = (props) => ( <> diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringMentor/OppsummeringMentor.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringMentor/OppsummeringMentor.tsx index 245e1f6f2..372f193c6 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringMentor/OppsummeringMentor.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/OppsummeringMentor/OppsummeringMentor.tsx @@ -10,7 +10,6 @@ import Tilrettelegging from '../tilrettelegging/Tilrettelegging'; import OmMentorOppsummering from './OmMentorOppsummering'; interface Props { - avtaleinnhold: Avtaleinnhold; } diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/RelasjonerOppsummering/RelasjonerOppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/RelasjonerOppsummering/RelasjonerOppsummering.tsx index fee786e77..fef7251f1 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/RelasjonerOppsummering/RelasjonerOppsummering.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/RelasjonerOppsummering/RelasjonerOppsummering.tsx @@ -7,7 +7,9 @@ import HvaManglerOppsummering from '../HvaManglerOppsummering'; const RelasjonerOppsummering: FunctionComponent = (props) => { return (
- Relasjoner + + Relasjoner + Er det familiære eller økonomiske relasjoner mellom arbeidsgiveren og deltakeren? diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.less b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.less index 7324b3c53..206a2ef06 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.less @@ -1,4 +1,3 @@ - .stegoppsummering { margin-bottom: 2.5rem; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.tsx index af338c38b..6c863676c 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import './Stegoppsummering.less'; import BEMHelper from '@/utils/bem'; import { Heading } from '@navikt/ds-react'; -import {PropsWithChildren} from "react"; +import { PropsWithChildren } from 'react'; const cls = BEMHelper('stegoppsummering'); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummering/StillingsOppsummering.spec.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummering/StillingsOppsummering.spec.tsx index 0d22dc419..9179949e2 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummering/StillingsOppsummering.spec.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummering/StillingsOppsummering.spec.tsx @@ -1,4 +1,4 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import { render, screen } from '@testing-library/react'; import StillingsOppsummering from './StillingsOppsummering'; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummeringLonnstilskudd/StillingsOppsummeringLonnstilskudd.spec.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummeringLonnstilskudd/StillingsOppsummeringLonnstilskudd.spec.tsx index e03bafa0f..3bf1cd5fc 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummeringLonnstilskudd/StillingsOppsummeringLonnstilskudd.spec.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/StillingsOppsummeringLonnstilskudd/StillingsOppsummeringLonnstilskudd.spec.tsx @@ -1,7 +1,7 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import { render, screen } from '@testing-library/react'; -import StillingsOppsummering from './StillingsOppsummeringLonnstilskudd' +import StillingsOppsummering from './StillingsOppsummeringLonnstilskudd'; test('Skal rendre stillingstype og arbeidsoppgaver', async () => { render(); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/GodkjenningInstruks.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/GodkjenningInstruks.tsx index da6c9b3ce..75c003f48 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/GodkjenningInstruks.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/GodkjenningInstruks.tsx @@ -11,7 +11,7 @@ const GodkjenningInstruks: FunctionComponent = () => { const erLåst = avtaleContext.avtale.godkjentAvVeileder !== null; const tiltakstype = avtaleContext.avtale.tiltakstype; - + switch (rolle) { case 'DELTAKER': return ; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/HvaSierRegelverket.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/HvaSierRegelverket.tsx index 56fd07ec9..24eeb5b66 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/HvaSierRegelverket.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/HvaSierRegelverket.tsx @@ -1,4 +1,4 @@ -import React, {FunctionComponent, PropsWithChildren} from 'react'; +import React, { FunctionComponent, PropsWithChildren } from 'react'; import IkonTekstRad from '@/komponenter/EkspanderbartPanelRad/IkonTekstRad'; import { Law } from '@navikt/ds-icons'; import EksternLenke from '@/komponenter/navigation/EksternLenke'; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx index 88ff73cf7..77aedb0d2 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx @@ -9,7 +9,13 @@ interface Props { } const TilskuddsperiodeOgRefusjon: FunctionComponent = ({ tiltakstype }) => { - if (!(tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || tiltakstype === 'VARIG_LONNSTILSKUDD' || tiltakstype === 'SOMMERJOBB')) { + if ( + !( + tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || + tiltakstype === 'VARIG_LONNSTILSKUDD' || + tiltakstype === 'SOMMERJOBB' + ) + ) { return null; } return ( @@ -18,8 +24,8 @@ const TilskuddsperiodeOgRefusjon: FunctionComponent = ({ tiltakstype }) = headerTekst={{ tekst: 'Tilskuddsperiode og refusjon', headingType: 'small' }} >

- Godkjent tilskuddsperiode er styrende i henhold til økonomisk - forpliktelse fra NAV og kan avvike fra avtalt periode for tiltaksgjennomføringen. + Godkjent tilskuddsperiode er styrende i henhold til økonomisk forpliktelse fra NAV og kan avvike fra + avtalt periode for tiltaksgjennomføringen.

Når tiltaket er over, vil NAV sende dere et ferdig utregnet forslag til refusjon. Refusjonen regnes ut @@ -29,8 +35,8 @@ const TilskuddsperiodeOgRefusjon: FunctionComponent = ({ tiltakstype }) = blir brukt riktig.

- Endringer i lønn etterbetales ikke, og vil først kunne gjelde for tilskuddsperioder - som ikke allerede er godkjente ved tidspunktet for endringen. + Endringer i lønn etterbetales ikke, og vil først kunne gjelde for tilskuddsperioder som ikke allerede er + godkjente ved tidspunktet for endringen.

For å behandle refusjonen må du logge deg inn i refusjonsløsningen: diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/deltakerInstruks/tekster/BehandlingAvPersonopplysninger.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/deltakerInstruks/tekster/BehandlingAvPersonopplysninger.tsx index 2a469f460..2d02bcaa8 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/deltakerInstruks/tekster/BehandlingAvPersonopplysninger.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/deltakerInstruks/tekster/BehandlingAvPersonopplysninger.tsx @@ -11,7 +11,7 @@ interface Props { const BehandlingAvPersonopplysninger: React.FC = ({ tiltakstype }) => { if ( !['SOMMERJOBB', 'MIDLERTIDIG_LONNSTILSKUDD', 'VARIG_LONNSTILSKUDD', 'MENTOR', 'INKLUDERINGSTILSKUDD'].includes( - tiltakstype + tiltakstype, ) ) { return null; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less index e1e085a17..5150a8e24 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less @@ -1,4 +1,4 @@ -@import (reference) "../../../../../tiltak_variabler.less"; +@import (reference) '../../../../../tiltak_variabler.less'; .instruks { &__subheader { diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx index 8658cddce..ba058d0a5 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx @@ -11,7 +11,7 @@ import LonnstilskuddVeilederTekst from '@/AvtaleSide/steg/GodkjenningSteg/Oppsum const cls = BEMHelper('instruks'); const VeilederInstruks: FunctionComponent<{ tiltakstype: TiltaksType }> = ( - props: PropsWithChildren<{ tiltakstype: TiltaksType }> + props: PropsWithChildren<{ tiltakstype: TiltaksType }>, ) => (

@@ -19,7 +19,7 @@ const VeilederInstruks: FunctionComponent<{ tiltakstype: TiltaksType }> = (
- + ); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst.tsx index c00bc4d35..169fa2782 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst.tsx @@ -8,7 +8,12 @@ interface Props { } const GenerelVeilederTekst: FunctionComponent = (props) => { - if (props.tiltakstype === 'SOMMERJOBB' || props.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || props.tiltakstype === 'VARIG_LONNSTILSKUDD') return null; + if ( + props.tiltakstype === 'SOMMERJOBB' || + props.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || + props.tiltakstype === 'VARIG_LONNSTILSKUDD' + ) + return null; const cls = BEMHelper('instruks'); return (
    diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx index e08ade7ad..a9d3dd547 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx @@ -37,6 +37,5 @@ const LonnstilskuddVeilederTekst: FunctionComponent = (props) => { ); } return null; - }; export default LonnstilskuddVeilederTekst; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/maalOppsummering/MaalOppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/maalOppsummering/MaalOppsummering.tsx index 023ea3807..46d129889 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/maalOppsummering/MaalOppsummering.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/maalOppsummering/MaalOppsummering.tsx @@ -4,7 +4,7 @@ import React, { FunctionComponent } from 'react'; import { BodyShort, Heading, Tag } from '@navikt/ds-react'; import { messages } from '@/messages'; -import Stegoppsummering from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering' +import Stegoppsummering from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering'; import MaalIkon from './MaalIkon'; import './MaalOppsummering.less'; @@ -14,7 +14,7 @@ const cls = BEMHelper('mål'); const MaalOppsummering: FunctionComponent = (props) => { const maalListe = props.maal.map((maal) => (
    - + {messages[maal.kategori]} diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/oppgaveOppsummering/ArbeidsoppgaverOppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/oppgaveOppsummering/ArbeidsoppgaverOppsummering.tsx index 1de6f39ed..b88c69525 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/oppgaveOppsummering/ArbeidsoppgaverOppsummering.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/oppgaveOppsummering/ArbeidsoppgaverOppsummering.tsx @@ -5,7 +5,7 @@ import React, { FunctionComponent } from 'react'; import Stegoppsummering from '../Stegoppsummering/Stegoppsummering'; import OppgaverIkon from './OppgaverIkon'; -const ArbeidsoppgaverOppsummering: FunctionComponent = props => ( +const ArbeidsoppgaverOppsummering: FunctionComponent = (props) => ( } tittel="Arbeidsoppgaver"> { const avslagsårsaker = Array.from(avslåttTilskuddsperiode.avslagsårsaker); - return
    - {formatterDato(avslåttTilskuddsperiode.avslåttTidspunkt!, NORSK_DATO_OG_TID_FORMAT)}: Avslått av {avslåttTilskuddsperiode.avslåttAvNavIdent} - {' '} med følgende årsak{avslagsårsaker.length > 1 ? 'er' : ''}: -
      - {avslagsårsaker.map((årsak: Avslagsårsaker, index: number) => ( -
    • {tilskuddsperiodeAvslagTekst[årsak]}
      • - ))} -
    - med forklaringen: {avslåttTilskuddsperiode.avslagsforklaring} -
    + return ( +
    + {formatterDato(avslåttTilskuddsperiode.avslåttTidspunkt!, NORSK_DATO_OG_TID_FORMAT)}: Avslått av{' '} + {avslåttTilskuddsperiode.avslåttAvNavIdent} med følgende årsak{avslagsårsaker.length > 1 ? 'er' : ''}: +
      + {avslagsårsaker.map((årsak: Avslagsårsaker, index: number) => ( +
    • {tilskuddsperiodeAvslagTekst[årsak]}
      • + ))} +
    + med forklaringen: {avslåttTilskuddsperiode.avslagsforklaring} +
    + ); }; const TilskuddsperioderAvslått: FunctionComponent = (_props) => { const { avtale } = useContext(AvtaleContext); - const gjeldendeAvslåtteTilskuddsperiode = avtale.gjeldendeTilskuddsperiode?.status === 'AVSLÅTT' ? - avtale.gjeldendeTilskuddsperiode : undefined; + const gjeldendeAvslåtteTilskuddsperiode = + avtale.gjeldendeTilskuddsperiode?.status === 'AVSLÅTT' ? avtale.gjeldendeTilskuddsperiode : undefined; const avslåtteTilskuddsperioder = avtale.tilskuddPeriode // Filtrer vekk gjendelde periode fra listen; denne skal vises på toppen av dialogvinduet hvis den er relevant. - .filter(p => p.status === 'AVSLÅTT' && p.id !== gjeldendeAvslåtteTilskuddsperiode?.id) + .filter((p) => p.status === 'AVSLÅTT' && p.id !== gjeldendeAvslåtteTilskuddsperiode?.id) .sort((a: TilskuddsPeriode, b: TilskuddsPeriode) => { if (a.avslåttTidspunkt && b.avslåttTidspunkt) { - const aTime = new Date(a.avslåttTidspunkt).getMilliseconds() - const bTime = new Date(b.avslåttTidspunkt).getMilliseconds() - return (bTime - aTime); + const aTime = new Date(a.avslåttTidspunkt).getMilliseconds(); + const bTime = new Date(b.avslåttTidspunkt).getMilliseconds(); + return bTime - aTime; } - return 0 + return 0; }); if (!gjeldendeAvslåtteTilskuddsperiode && avslåtteTilskuddsperioder.length === 0) { @@ -68,35 +70,32 @@ const TilskuddsperioderAvslått: FunctionComponent = (_props) => { avtalen allikevel er riktig utfylt kan den sendes tilbake til beslutter uendret.     - - {avslåttBegrunnelse(gjeldendeAvslåtteTilskuddsperiode)} - + {avslåttBegrunnelse(gjeldendeAvslåtteTilskuddsperiode)} ) : ( - Beslutter har nå muligheten til å godkjenne tilskuddsperioden. Du kan gjøre flere endringer om - det er nødvendig før beslutter godkjenner. + Beslutter har nå muligheten til å godkjenne tilskuddsperioden. Du kan gjøre flere endringer om det + er nødvendig før beslutter godkjenner. )} - {avslåtteTilskuddsperioder.length > 0 ? + {avslåtteTilskuddsperioder.length > 0 ? ( <> Vis tidligere avslåtte tilskuddsperioder - {interleave( - avslåtteTilskuddsperioder.map(avslåttBegrunnelse), - avslåtteTilskuddsperioder.map((_x, idx) => ) - ) - // Fjerner siste spacingen - .slice(0, -1)} + + {interleave( + avslåtteTilskuddsperioder.map(avslåttBegrunnelse), + avslåtteTilskuddsperioder.map((_x, idx) => ), + ) + // Fjerner siste spacingen + .slice(0, -1)} - : undefined - } - + ) : undefined} ); }; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.less b/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.less index ae56f3fcc..ff2bb27f6 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.less @@ -1,4 +1,4 @@ -@import (reference) "../../../../tiltak_variabler.less"; +@import (reference) '../../../../tiltak_variabler.less'; .tidligereVersjoner { margin-bottom: 0.75rem; diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.tsx index b145a5636..40d0051ba 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.tsx @@ -10,7 +10,7 @@ import './TidligereVersjoner.less'; const cls = BEMHelper('tidligereVersjoner'); const TidligereVersjoner: React.FunctionComponent<{ versjoner: AvtaleVersjon[]; tiltakstype: TiltaksType }> = ( - props + props, ) => { const [isOpen, setOpen] = useState(false); const [currentVersjon, setCurrentVersjon] = useState(0); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreInkluderingsutgifter/EndreInkluderingsutgifter.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreInkluderingsutgifter/EndreInkluderingsutgifter.tsx index 8b4015dcd..324b5b274 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreInkluderingsutgifter/EndreInkluderingsutgifter.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreInkluderingsutgifter/EndreInkluderingsutgifter.tsx @@ -27,7 +27,7 @@ const EndreInkluderingsutgifter: FunctionComponent = () => { resettListe, } = useTilskuddsutgift( avtale.gjeldendeInnhold.inkluderingstilskuddsutgift, - avtale.gjeldendeInnhold.inkluderingstilskuddTotalBeløp + avtale.gjeldendeInnhold.inkluderingstilskuddTotalBeløp, ); const [iRedigermodus, setIRedigermodus] = useState(false); @@ -65,7 +65,6 @@ const EndreInkluderingsutgifter: FunctionComponent = () => { modalIsOpen={modalApen} bekreftOnClick={endreUtgifter} lukkModal={lukkModal} - >
    diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreMaal/EndreMaal.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreMaal/EndreMaal.tsx index 655a19df5..2053386db 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreMaal/EndreMaal.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreMaal/EndreMaal.tsx @@ -17,7 +17,7 @@ const EndreMaal: FunctionComponent = () => { const [iRedigersmodus, setIRedigersmodus] = useState(false); const { målListe, leggTilMål, ledigeMålkategorier, endreMål, sletteMål } = useMål( - avtaleContext.avtale.gjeldendeInnhold.maal + avtaleContext.avtale.gjeldendeInnhold.maal, ); const lagreEndredeMaal = async () => { diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreOmMentor/EndreOmMentor.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreOmMentor/EndreOmMentor.tsx index 7c0aece0a..84cc29198 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreOmMentor/EndreOmMentor.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreOmMentor/EndreOmMentor.tsx @@ -32,7 +32,7 @@ const EndreOmMentor: FunctionComponent = () => { mentorTimelonn: avtaleContext.avtale.gjeldendeInnhold.mentorTimelonn, }); const [mentorAntallTimerInput, setMentorAntallTimerInput] = useState( - mentorInfo.mentorAntallTimer?.toString().replace(/\./g, ',') ?? '' + mentorInfo.mentorAntallTimer?.toString().replace(/\./g, ',') ?? '', ); const lukkModal = () => { @@ -74,7 +74,10 @@ const EndreOmMentor: FunctionComponent = () => {
    - +
    diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/JusterArenaMigreringsdato/JusterArenaMigreringsdato.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/JusterArenaMigreringsdato/JusterArenaMigreringsdato.tsx index 316178c4c..67bd7b3bb 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/JusterArenaMigreringsdato/JusterArenaMigreringsdato.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/JusterArenaMigreringsdato/JusterArenaMigreringsdato.tsx @@ -47,7 +47,6 @@ const JusterArenaMigreringsdato: FunctionComponent = () => { ? new Date(avtaleContext.avtale.gjeldendeInnhold.startDato) : undefined; - const lukkModal = () => { setModalApen(false); setTilskuddsperioder([]); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.less b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.less index 65279364c..666d8ec46 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.less @@ -1,31 +1,29 @@ .endreKontaktInformasjon { + &__link { + display: flex; + align-items: center; + } - &__link { - display: flex; - align-items: center; - } - - &__ikon { - margin-right: 0.5rem; - } + &__ikon { + margin-right: 0.5rem; + } - &__tittel { - margin-top: 1.5rem; - margin-bottom: 0.75rem; - } + &__tittel { + margin-top: 1.5rem; + margin-bottom: 0.75rem; + } - &__rad { - display: flex; - align-items: flex-start; - margin-bottom: 1rem; + &__rad { + display: flex; + align-items: flex-start; + margin-bottom: 1rem; - - .navds-form-field { - width: calc(50% - 1rem); + .navds-form-field { + width: calc(50% - 1rem); - &:nth-child(odd) { - margin-right: 1rem; - } + &:nth-child(odd) { + margin-right: 1rem; + } + } } - } } diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx index 59e073285..c3bb02d4a 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx @@ -45,7 +45,7 @@ const EndreKontaktInformasjon: FunctionComponent = () => { refusjonKontaktpersonFornavn: refusjonKontaktperson?.refusjonKontaktpersonFornavn, refusjonKontaktpersonEtternavn: refusjonKontaktperson?.refusjonKontaktpersonEtternavn, refusjonKontaktpersonTlf: refusjonKontaktperson?.refusjonKontaktpersonTlf, - ønskerVarslingOmRefusjon: refusjonKontaktperson?.ønskerVarslingOmRefusjon + ønskerVarslingOmRefusjon: refusjonKontaktperson?.ønskerVarslingOmRefusjon, }, }); @@ -57,7 +57,7 @@ const EndreKontaktInformasjon: FunctionComponent = () => { const settNyKontaktInformasjon = async ( key: K, - verdi: V[K] + verdi: V[K], ) => { setKontaktInfo((prevState) => ({ ...prevState, @@ -66,12 +66,18 @@ const EndreKontaktInformasjon: FunctionComponent = () => { }; const settØnskerVarsling = () => { - if(kontaktInfo.refusjonKontaktperson.ønskerVarslingOmRefusjon === true) { - setKontaktInfo((prevState) => ({...prevState, refusjonKontaktperson: {...prevState.refusjonKontaktperson, ønskerVarslingOmRefusjon: false}})); + if (kontaktInfo.refusjonKontaktperson.ønskerVarslingOmRefusjon === true) { + setKontaktInfo((prevState) => ({ + ...prevState, + refusjonKontaktperson: { ...prevState.refusjonKontaktperson, ønskerVarslingOmRefusjon: false }, + })); } else { - setKontaktInfo((prevState) => ({...prevState, refusjonKontaktperson: {...prevState.refusjonKontaktperson, ønskerVarslingOmRefusjon: true}})); + setKontaktInfo((prevState) => ({ + ...prevState, + refusjonKontaktperson: { ...prevState.refusjonKontaktperson, ønskerVarslingOmRefusjon: true }, + })); } - } + }; return ( <> @@ -97,8 +103,7 @@ const EndreKontaktInformasjon: FunctionComponent = () => { bekreftOnClick={endreKontaktInformasjon} lukkModal={() => setModalApen(false)} > - - + Informasjon om deltaker
    @@ -119,8 +124,8 @@ const EndreKontaktInformasjon: FunctionComponent = () => { verdi={kontaktInfo.deltakerTlf} settVerdi={(verdi) => settNyKontaktInformasjon('deltakerTlf', verdi)} /> -
    - +
    + Informasjon om veileder
    @@ -136,13 +141,13 @@ const EndreKontaktInformasjon: FunctionComponent = () => { />
    - settNyKontaktInformasjon('veilederTlf', verdi)} - /> + settNyKontaktInformasjon('veilederTlf', verdi)} + />
    - + Kontaktperson for avtalen i bedriften
    @@ -156,15 +161,15 @@ const EndreKontaktInformasjon: FunctionComponent = () => { verdi={kontaktInfo.arbeidsgiverEtternavn} settVerdi={(verdi) => settNyKontaktInformasjon('arbeidsgiverEtternavn', verdi)} /> -
    -
    +
    +
    settNyKontaktInformasjon('arbeidsgiverTlf', verdi)} />
    - + {endreRefusjonInfo && (
    @@ -204,13 +209,12 @@ const EndreKontaktInformasjon: FunctionComponent = () => { } />
    - settØnskerVarsling()} - > - Arbeidsgiver for avtalen ønsker også å motta varslinger om - refusjon - + settØnskerVarsling()} + > + Arbeidsgiver for avtalen ønsker også å motta varslinger om refusjon +
    )} diff --git "a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.less" "b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.less" index 98d2fc0e0..e050ed6ad 100644 --- "a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.less" +++ "b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.less" @@ -1,44 +1,43 @@ .endreOppfølgingOgTilrettelegging { - &__ikon { - margin-right: 0.5rem; - } - - &__lenke { - display: flex; - align-items: center; - } - - &__tittel { - display: flex; - flex-direction: row; - margin-bottom: 1rem; - } - &__textareafelt { - width: 100%; - } - - &__Tilrettelegging { - margin-top: 2.5rem; - } + &__ikon { + margin-right: 0.5rem; + } - @media (min-width: 768px) { - width: 30rem; - display: flex; - flex-direction: column; + &__lenke { + display: flex; + align-items: center; + } &__tittel { - display: flex; - margin-bottom: 1rem; + display: flex; + flex-direction: row; + margin-bottom: 1rem; + } + &__textareafelt { + width: 100%; } - &__textareafelt-wrapper { - display: flex; - flex-wrap: nowrap; + &__Tilrettelegging { + margin-top: 2.5rem; + } + @media (min-width: 768px) { + width: 30rem; + display: flex; + flex-direction: column; - & > .textarea__container { - width: 100%; - } + &__tittel { + display: flex; + margin-bottom: 1rem; + } + + &__textareafelt-wrapper { + display: flex; + flex-wrap: nowrap; + + & > .textarea__container { + width: 100%; + } + } } - } } diff --git "a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.tsx" "b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.tsx" index 495101767..c42998bfd 100644 --- "a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.tsx" +++ "b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreOppf\303\270lgingOgTilrettelegging/EndreOppf\303\270lgingOgTilrettelegging.tsx" @@ -29,10 +29,10 @@ const EndreOppfølgingOgTilrettelegging: FunctionComponent = () => { const settNyOppfølgingOgTilretteleggingInformasjon = async < K extends keyof EndreOppfølgingOgTilretteleggingInfo, - V extends EndreOppfølgingOgTilretteleggingInfo + V extends EndreOppfølgingOgTilretteleggingInfo, >( key: K, - verdi: V[K] + verdi: V[K], ) => { await setOppfølgingOgTilretteleggingInfo((prevState) => ({ ...prevState, @@ -68,7 +68,9 @@ const EndreOppfølgingOgTilrettelegging: FunctionComponent = () => {
    - Oppfølging + + Oppfølging +
    {
    - Tilrettelegging + + Tilrettelegging +
    input { - width: 90%; - } + & > input { + width: 90%; + } + } } - } } diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreStillingbeskrivelse/EndreStillingbeskrivelse.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreStillingbeskrivelse/EndreStillingbeskrivelse.tsx index 62afc53dc..e5a7c012a 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreStillingbeskrivelse/EndreStillingbeskrivelse.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreStillingbeskrivelse/EndreStillingbeskrivelse.tsx @@ -37,7 +37,6 @@ const EndreStillingbeskrivelse: FunctionComponent = () => { setModalApen(false); }; - const lukkModal = () => { const values: StillingOptions = { konseptId: avtaleContext.avtale.gjeldendeInnhold.stillingKonseptId || 0, diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.less b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.less index a344e6cbd..43e2eb97b 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.less @@ -1,5 +1,4 @@ .endreTilskuddsBeregning { - &__lenke { display: flex; align-items: center; @@ -18,5 +17,5 @@ .navds-form-field { width: calc(50% - 1rem); - } + } } diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.tsx index 1dbec5913..c37d568c3 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreTilskudd/EndreTilskuddsberegning.tsx @@ -57,7 +57,7 @@ const EndreTilskuddsberegning: FunctionComponent = () => { const settNyBeregningsverdi = async ( key: K, - verdi: V[K] + verdi: V[K], ) => { await setNyBeregning((prevState) => ({ ...prevState, @@ -65,7 +65,6 @@ const EndreTilskuddsberegning: FunctionComponent = () => { })); }; - return ( <> { onChange={(event: React.ChangeEvent) => settNyBeregningsverdi( 'otpSats', - event.target.value === '' ? undefined : parseFloat(event.target.value) / 100 + event.target.value === '' ? undefined : parseFloat(event.target.value) / 100, ) } /> diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/ForkortAvtale.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/ForkortAvtale.tsx index 6f908299c..ca94d49f2 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/ForkortAvtale.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/ForkortAvtale.tsx @@ -50,7 +50,6 @@ const ForkortAvtale: FunctionComponent = () => { } }; - const lukkModal = (): void => { setModalApen(false); setTilskuddsperioder([]); @@ -96,7 +95,11 @@ const ForkortAvtale: FunctionComponent = () => {
    -
    +
    {
    - {['Begynt i arbeid', 'Fått tilbud om annet tiltak', 'Syk', 'Ikke møtt', 'Fullført', 'Annet'].map( - (label: string, index: number) => ( - - { - setGrunn(event.currentTarget.value); - setAnnetGrunn(undefined); - }} - role="menuitemradio" - > - {label} - - - ) - )} + {[ + 'Begynt i arbeid', + 'Fått tilbud om annet tiltak', + 'Syk', + 'Ikke møtt', + 'Fullført', + 'Annet', + ].map((label: string, index: number) => ( + + { + setGrunn(event.currentTarget.value); + setAnnetGrunn(undefined); + }} + role="menuitemradio" + > + {label} + + + ))}
    {grunn === 'Annet' && ( diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/forkortAvtale.less b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/forkortAvtale.less index 1f9d07088..1dfb3b692 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/forkortAvtale.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forkortAvtale/forkortAvtale.less @@ -1,5 +1,5 @@ .forkortAvtale { - &__navarende-sluttdato { - margin: 0.5rem 0 1rem 0; - } + &__navarende-sluttdato { + margin: 0.5rem 0 1rem 0; + } } diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/ForlengAvtale.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/ForlengAvtale.tsx index 45380ee45..00d7b2340 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/ForlengAvtale.tsx +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/ForlengAvtale.tsx @@ -45,7 +45,6 @@ const ForlengAvtale: FunctionComponent = () => { } }; - const lukkModal = () => { setModalApen(false); setTilskuddsperioder([]); diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/forlengAvtale.less b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/forlengAvtale.less index 9ab69d80d..aff580daf 100644 --- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/forlengAvtale.less +++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/forlengAvtale/forlengAvtale.less @@ -1,6 +1,6 @@ .forlengAvtale { - min-height: 20rem; - &__navarende-sluttdato { - margin: 0.5rem 0 1rem 0; - } + min-height: 20rem; + &__navarende-sluttdato { + margin: 0.5rem 0 1rem 0; + } } diff --git a/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx b/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx index e8d156cf4..312ba4559 100644 --- a/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx +++ b/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx @@ -30,13 +30,13 @@ const InkluderingstilskuddSteg: FunctionComponent = () => { sletteInkluderingstilskuddsutgift, } = useTilskuddsutgift( avtale.gjeldendeInnhold.inkluderingstilskuddsutgift, - avtale.gjeldendeInnhold.inkluderingstilskuddTotalBeløp + avtale.gjeldendeInnhold.inkluderingstilskuddTotalBeløp, ); const endre = (index: number, beløp: number, type: InkluderingstilskuddsutgiftType) => settAvtaleInnholdVerdier( { inkluderingstilskuddsutgift: endreInkluderingstilskuddsutgift(index, beløp, type) }, - true + true, ); const slett = (index: number) => @@ -45,13 +45,15 @@ const InkluderingstilskuddSteg: FunctionComponent = () => { const nyUtgift = (beløp: number, type: InkluderingstilskuddsutgiftType) => settAvtaleInnholdVerdier( { inkluderingstilskuddsutgift: leggTilInkluderingstilskuddsutgift(beløp, type) }, - true + true, ); return ( <> - Inkluderingstilskudd + + Inkluderingstilskudd + diff --git a/src/AvtaleSide/steg/InkluderingstilskuddSteg/OpprettEnTilskuddsutgift.tsx b/src/AvtaleSide/steg/InkluderingstilskuddSteg/OpprettEnTilskuddsutgift.tsx index 7b546ddb4..1425b3121 100644 --- a/src/AvtaleSide/steg/InkluderingstilskuddSteg/OpprettEnTilskuddsutgift.tsx +++ b/src/AvtaleSide/steg/InkluderingstilskuddSteg/OpprettEnTilskuddsutgift.tsx @@ -26,7 +26,7 @@ const OpprettEnTilskuddsutgift: FunctionComponent = (props) => { setIRedigeringsmodus, totalBeløp, } = props; - + const [leggertilTilskuddsutgift, setLeggertilTilskuddsutgift] = useState(false); const [beløp, setBeløp] = useState(); @@ -50,7 +50,7 @@ const OpprettEnTilskuddsutgift: FunctionComponent = (props) => { } if (beløp > gjenståendeMaxBeløp) { setBeløpFeil( - `Det totale beløpet overskrider det maksimale beløpet på ${formatterPenger(inkluderingstilskuddSats)}` + `Det totale beløpet overskrider det maksimale beløpet på ${formatterPenger(inkluderingstilskuddSats)}`, ); return; } else { @@ -65,7 +65,9 @@ const OpprettEnTilskuddsutgift: FunctionComponent = (props) => { return (
    - Legg til utgift + + Legg til utgift + {leggertilTilskuddsutgift ? ( diff --git a/src/AvtaleSide/steg/InkluderingstilskuddSteg/TilskuddsutgiftTabell.tsx b/src/AvtaleSide/steg/InkluderingstilskuddSteg/TilskuddsutgiftTabell.tsx index c2a81d347..5d8294e78 100644 --- a/src/AvtaleSide/steg/InkluderingstilskuddSteg/TilskuddsutgiftTabell.tsx +++ b/src/AvtaleSide/steg/InkluderingstilskuddSteg/TilskuddsutgiftTabell.tsx @@ -1,4 +1,4 @@ -import React, {FunctionComponent, PropsWithChildren} from 'react'; +import React, { FunctionComponent, PropsWithChildren } from 'react'; type Props = { redigerbar: boolean; diff --git a/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddSteg.less b/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddSteg.less index c6c4061d8..936ff8a23 100644 --- a/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddSteg.less +++ b/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddSteg.less @@ -1,11 +1,11 @@ .inkluderingstilskudd { - &__kostnadsoverslag-container { - display: flex; - margin: 2rem 0.5rem 0 0; - } + &__kostnadsoverslag-container { + display: flex; + margin: 2rem 0.5rem 0 0; + } - &__kostnadsoverslag { - margin-top: 0.75rem; - width: 15rem; - } + &__kostnadsoverslag { + margin-top: 0.75rem; + width: 15rem; + } } diff --git a/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddsUtils.ts b/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddsUtils.ts index 8c74c71b2..8da9e55da 100644 --- a/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddsUtils.ts +++ b/src/AvtaleSide/steg/InkluderingstilskuddSteg/inkluderingstilskuddsUtils.ts @@ -3,7 +3,7 @@ import { useState } from 'react'; export const useTilskuddsutgift = ( initiellInkluderingstilskuddutgiftListe: Inkluderingstilskuddsutgift[], - inkluderingstilskuddTotalBeløp: number + inkluderingstilskuddTotalBeløp: number, ) => { const [inkluderingstilskuddsutgiftListe, setInkluderingstilskuddsutgiftListe] = useState< Inkluderingstilskuddsutgift[] @@ -11,7 +11,7 @@ export const useTilskuddsutgift = ( const [inkluderingstilskuddTotal, setInkluderingstilskuddTotal] = useState(inkluderingstilskuddTotalBeløp); const resettListe = (liste: Inkluderingstilskuddsutgift[]) => setInkluderingstilskuddsutgiftListe(liste); - + const oppdatereTotalSummen = (initiellInkluderingstilskuddutgifter: Inkluderingstilskuddsutgift[]) => { let utgifterTotalsum = 0; initiellInkluderingstilskuddutgifter.forEach((utgift) => (utgifterTotalsum += utgift.beløp)); @@ -34,11 +34,9 @@ export const useTilskuddsutgift = ( return nyInkluderingstilskuddsutgiftListe; }; - const ledigeInkluderingstilskuddstyper = finnLedigeInkluderingstilskuddstyper( - inkluderingstilskuddsutgiftListe - ); + const ledigeInkluderingstilskuddstyper = finnLedigeInkluderingstilskuddstyper(inkluderingstilskuddsutgiftListe); const ledigeInkluderingstilskuddstyperInngåttAvtale = finnLedigeInkluderingstilskuddstyperInngåttAvtale( - inkluderingstilskuddsutgiftListe + inkluderingstilskuddsutgiftListe, ); const sletteInkluderingstilskuddsutgift = (index: number) => { @@ -57,12 +55,12 @@ export const useTilskuddsutgift = ( leggTilInkluderingstilskuddsutgift, endreInkluderingstilskuddsutgift, sletteInkluderingstilskuddsutgift, - resettListe + resettListe, }; }; const finnLedigeInkluderingstilskuddstyperInngåttAvtale = ( - brukteTyper: Inkluderingstilskuddsutgift[] + brukteTyper: Inkluderingstilskuddsutgift[], ): InkluderingstilskuddsutgiftType[] => { // Typer som er lagt til i tidligere versjoner kan brukes på nytt 1 gang. const alleTyper = [ @@ -85,7 +83,7 @@ const finnLedigeInkluderingstilskuddstyperInngåttAvtale = ( }; const finnLedigeInkluderingstilskuddstyper = ( - brukteTyper: Inkluderingstilskuddsutgift[] + brukteTyper: Inkluderingstilskuddsutgift[], ): InkluderingstilskuddsutgiftType[] => { // Typer kan kun brukes 1 gang. const valgteTyper = (): InkluderingstilskuddsutgiftType[] => { @@ -98,7 +96,7 @@ const finnLedigeInkluderingstilskuddstyper = ( 'ARBEIDSHJELPEMIDLER', 'PROGRAMVARE', 'OPPLÆRING', - 'FORSIKRING_LISENS_SERTIFISERING' + 'FORSIKRING_LISENS_SERTIFISERING', ] as const; return typer.filter((type) => !valgteTyper().includes(type)); }; diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.less b/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.less index e4d9115aa..c7a9cb2dd 100644 --- a/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.less +++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.less @@ -1,66 +1,65 @@ .relasjoner { - padding: 0.5rem 0.5rem 2rem 0.5rem; + padding: 0.5rem 0.5rem 2rem 0.5rem; - &__heading { - margin-bottom: 1rem; - } + &__heading { + margin-bottom: 1rem; + } - &__info-ingress { - margin-bottom: 1rem; - display: flex; - align-items: flex-end; - } + &__info-ingress { + margin-bottom: 1rem; + display: flex; + align-items: flex-end; + } - &__LesMerPanel { - margin-bottom: 0.5rem; - } + &__LesMerPanel { + margin-bottom: 0.5rem; + } - &__harFamilietilknytning-forklaring { - margin-bottom: 1rem; - } + &__harFamilietilknytning-forklaring { + margin-bottom: 1rem; + } - &__relasjon-hjelpetekst { - border: 1px solid #c6c2bf; - border-radius: 3px; - padding: 1rem; - } + &__relasjon-hjelpetekst { + border: 1px solid #c6c2bf; + border-radius: 3px; + padding: 1rem; + } - &__svar { - width: 100%; - background-color: rgba(241, 241, 241, 1); - border-radius: 4px; - padding: 0.5rem 0.5rem 0.5rem 1rem; + &__svar { + width: 100%; + background-color: rgba(241, 241, 241, 1); + border-radius: 4px; + padding: 0.5rem 0.5rem 0.5rem 1rem; - & > p { - font-weight: 500; + & > p { + font-weight: 500; + } } - } - - &__familie-relasjoner { - margin-top: 1.5rem; - } - &__familie-relasjoner-valg { - width: 100%; - display: flex; - & div:nth-child(1) { - margin-right: 2rem; + &__familie-relasjoner { + margin-top: 1.5rem; } - } - &__familietilknytning-valg { + &__familie-relasjoner-valg { + width: 100%; + display: flex; + & div:nth-child(1) { + margin-right: 2rem; + } + } - label { - flex-grow: 1; - margin-right: 0.5rem; + &__familietilknytning-valg { + label { + flex-grow: 1; + margin-right: 0.5rem; - &:last-child { - margin-right: 0; - } + &:last-child { + margin-right: 0; + } + } + } + &__radioknapp { + min-width: calc(50% - 1rem); + margin-bottom: 0.75rem; } - } - &__radioknapp { - min-width: calc(50% - 1rem); - margin-bottom: 0.75rem; - } } diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.tsx b/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.tsx index 44efa67d9..1b7d8c997 100644 --- a/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.tsx +++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/ArbeidsgiverinfoDel/Relasjoner.tsx @@ -63,7 +63,11 @@ const Relasjoner: FunctionComponent = ({ tiltakstype }: Props) => {
    ) : ( <> - +
    .navds-form-field, & > div > .navds-form-field { - width: calc(50% - 1rem); - margin-bottom: 1rem; + & > .navds-form-field, + & > div > .navds-form-field { + width: calc(50% - 1rem); + margin-bottom: 1rem; - &:nth-child(1) { - margin-right: 1rem; - } - } + &:nth-child(1) { + margin-right: 1rem; + } + } - &--header { - align-items: center; - } + &--header { + align-items: center; + } - .skjemaelement { - width: 50%; + .skjemaelement { + width: 50%; - &__sporsmal { - margin-bottom: 1.75rem; - } + &__sporsmal { + margin-bottom: 1.75rem; + } - &:first-child { - margin-right: 1.25rem; - } - } + &:first-child { + margin-right: 1.25rem; + } + } - &--single { - .skjemaelement { - width: calc(50% - 0.75rem); - } + &--single { + .skjemaelement { + width: calc(50% - 0.75rem); + } + } } - } - @media (min-width: @screen-sm-min) { - &__helptekst { - margin-bottom: 1.5rem; - margin-left: 0.5rem; + @media (min-width: @screen-sm-min) { + &__helptekst { + margin-bottom: 1.5rem; + margin-left: 0.5rem; + } } - } } diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontaktinfo.less b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontaktinfo.less index a75ba866c..e2d82ab52 100644 --- a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontaktinfo.less +++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontaktinfo.less @@ -1,24 +1,23 @@ .kontaktinfo { - &__container { - padding: 0.5rem 0.5rem 1rem 0.5rem; - } - - &__skjemagruppe { - margin-bottom: 0.5rem; - } + &__container { + padding: 0.5rem 0.5rem 1rem 0.5rem; + } - &__rad { - display: flex; - align-items: flex-start; - margin-bottom: 1rem; + &__skjemagruppe { + margin-bottom: 0.5rem; + } + &__rad { + display: flex; + align-items: flex-start; + margin-bottom: 1rem; - .navds-form-field { - width: calc(50% - 1rem); + .navds-form-field { + width: calc(50% - 1rem); - &:nth-child(odd) { - margin-right: 1rem; - } + &:nth-child(odd) { + margin-right: 1rem; + } + } } - } } diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/DeltakerInfo.tsx b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/DeltakerInfo.tsx index 7a1c02342..6c2ef4d51 100644 --- a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/DeltakerInfo.tsx +++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/DeltakerInfo.tsx @@ -32,7 +32,9 @@ const DeltakerInfo: FunctionComponent<{ oppsummeringside: boolean }> = ({
    {ikon()} - Om deltakeren + + Om deltakeren +
    diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/deltakerInfo.less b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/deltakerInfo.less index 906f0165d..f57ff0ce4 100644 --- a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/deltakerInfo.less +++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/deltakerInfo.less @@ -1,41 +1,41 @@ .deltakerinfo { - margin: 0 0.5rem 2.5rem 0.5rem; + margin: 0 0.5rem 2.5rem 0.5rem; - &__ingress { - margin-bottom: 1rem; - display: flex; - align-items: center; + &__ingress { + margin-bottom: 1rem; + display: flex; + align-items: center; - &--oppsummering { - border-bottom: 1px solid #c9c9c9; - padding-bottom: 0.25rem; + &--oppsummering { + border-bottom: 1px solid #c9c9c9; + padding-bottom: 0.25rem; + } } - } - &__ikon { - margin-right: 0.5rem; - } - - &__info-rad { - margin: 1rem 0; - } - - &__info-verdi { - font-weight: 600; - } + &__ikon { + margin-right: 0.5rem; + } - @media (min-width: 768px) { &__info-rad { - display: flex; - justify-content: flex-start; + margin: 1rem 0; + } - & > .deltakerinfo__info-container:nth-child(1) { - margin-right: 1rem; - } + &__info-verdi { + font-weight: 600; } - &__info-container { - min-width: 15rem; + @media (min-width: 768px) { + &__info-rad { + display: flex; + justify-content: flex-start; + + & > .deltakerinfo__info-container:nth-child(1) { + margin-right: 1rem; + } + } + + &__info-container { + min-width: 15rem; + } } - } } diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/oppdatereKostnadssted.less b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/oppdatereKostnadssted.less index c593eaf76..a23e719de 100644 --- a/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/oppdatereKostnadssted.less +++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/kontorInfo/oppdatereKostnadssted.less @@ -1,29 +1,29 @@ .oppdatere-kostnadssted { - margin-top: 1.5rem; + margin-top: 1.5rem; - &__input-wrapper { - display: flex; - align-items: center; + &__input-wrapper { + display: flex; + align-items: center; - .skjemaelement { - margin-bottom: 0; + .skjemaelement { + margin-bottom: 0; + } } - } - &__textField { - margin-right: 1.25rem; - margin-bottom: 0; - } + &__textField { + margin-right: 1.25rem; + margin-bottom: 0; + } - &__buttonDiv { - margin-top: 1.75rem; - } + &__buttonDiv { + margin-top: 1.75rem; + } - &__input-undertekst { - margin-top: 0.75rem; + &__input-undertekst { + margin-top: 0.75rem; - span:nth-child(2) { - font-weight: 600; + span:nth-child(2) { + font-weight: 600; + } } - } } diff --git a/src/AvtaleSide/steg/MaalSteg/Maal/EtMaal.tsx b/src/AvtaleSide/steg/MaalSteg/Maal/EtMaal.tsx index bf0ef8ded..c40db47ee 100644 --- a/src/AvtaleSide/steg/MaalSteg/Maal/EtMaal.tsx +++ b/src/AvtaleSide/steg/MaalSteg/Maal/EtMaal.tsx @@ -78,7 +78,9 @@ const EtMaal: FunctionComponent = (props) => { ) : (
    - {messages[props.maal.kategori]} + + {messages[props.maal.kategori]} + Beskrivelse av mål diff --git a/src/AvtaleSide/steg/MaalSteg/Maal/OpprettMaal.tsx b/src/AvtaleSide/steg/MaalSteg/Maal/OpprettMaal.tsx index ef2b58131..2fa52f686 100644 --- a/src/AvtaleSide/steg/MaalSteg/Maal/OpprettMaal.tsx +++ b/src/AvtaleSide/steg/MaalSteg/Maal/OpprettMaal.tsx @@ -34,7 +34,9 @@ const OpprettMaal: FunctionComponent = (props) => { return (
    - Opprett mål + + Opprett mål + {leggertilMål ? ( diff --git a/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx b/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx index 1b3f57e86..914df33d6 100644 --- a/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx +++ b/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx @@ -11,7 +11,7 @@ const MaalSteg: FunctionComponent = () => { const [iRedigermodus, setIRedigermodus] = useState(false); const { målListe, leggTilMål, ledigeMålkategorier, endreMål, sletteMål } = useMål( - avtaleContext.avtale.gjeldendeInnhold.maal + avtaleContext.avtale.gjeldendeInnhold.maal, ); const nyttMål = (beskrivelse: string, kategori: Maalkategori) => { diff --git a/src/AvtaleSide/steg/MaalSteg/maal-utils.test.ts b/src/AvtaleSide/steg/MaalSteg/maal-utils.test.ts index eb455f825..7df3952bf 100644 --- a/src/AvtaleSide/steg/MaalSteg/maal-utils.test.ts +++ b/src/AvtaleSide/steg/MaalSteg/maal-utils.test.ts @@ -1,4 +1,4 @@ -import { describe, expect, test } from 'vitest' +import { describe, expect, test } from 'vitest'; import { maalkategorier } from '@/types/maalkategorier'; import { Maal } from '@/types/avtale'; diff --git a/src/AvtaleSide/steg/MaalSteg/maal-utils.ts b/src/AvtaleSide/steg/MaalSteg/maal-utils.ts index e9ccf771d..061bb85c4 100644 --- a/src/AvtaleSide/steg/MaalSteg/maal-utils.ts +++ b/src/AvtaleSide/steg/MaalSteg/maal-utils.ts @@ -3,8 +3,8 @@ import { Maal } from '@/types/avtale'; export const finnLedigeMaalkategorier = (brukteKategorier: Maal[]): Maalkategori[] => { const valgteMaalkategorier = (): Maalkategori[] => { - return brukteKategorier.map(maal => maal.kategori); + return brukteKategorier.map((maal) => maal.kategori); }; - return maalkategorier.filter(kategori => kategori === 'ANNET' || !valgteMaalkategorier().includes(kategori)); + return maalkategorier.filter((kategori) => kategori === 'ANNET' || !valgteMaalkategorier().includes(kategori)); }; diff --git a/src/AvtaleSide/steg/OmMentorSteg/OmMentorSteg.tsx b/src/AvtaleSide/steg/OmMentorSteg/OmMentorSteg.tsx index b5ce2d381..38a43aad1 100644 --- a/src/AvtaleSide/steg/OmMentorSteg/OmMentorSteg.tsx +++ b/src/AvtaleSide/steg/OmMentorSteg/OmMentorSteg.tsx @@ -17,7 +17,7 @@ import './omMentorSteg.less'; const OmMentorSteg = () => { const avtaleContext = useContext(AvtaleContext); const [mentorAntallTimerInput, setMentorAntallTimerInput] = useState( - avtaleContext.avtale.gjeldendeInnhold.mentorAntallTimer?.toString().replace(/\./g, ',') ?? '' + avtaleContext.avtale.gjeldendeInnhold.mentorAntallTimer?.toString().replace(/\./g, ',') ?? '', ); const [forHøyTimelønn, settForHøyTimelønn] = useState(undefined); @@ -33,29 +33,29 @@ const OmMentorSteg = () => { return ( Om mentoren -
    - -
    -
    - avtaleContext.settAvtaleInnholdVerdi('mentorFornavn', verdi)} - /> - avtaleContext.settAvtaleInnholdVerdi('mentorEtternavn', verdi)} - /> -
    -
    - avtaleContext.settAvtaleInnholdVerdi('mentorTlf', verdi)} - /> -
    -
    +
    + +
    +
    + avtaleContext.settAvtaleInnholdVerdi('mentorFornavn', verdi)} + /> + avtaleContext.settAvtaleInnholdVerdi('mentorEtternavn', verdi)} + /> +
    +
    + avtaleContext.settAvtaleInnholdVerdi('mentorTlf', verdi)} + /> +
    +
    { maxLengde={1000} feilmelding="Beskrivelse av arbeidsoppgaver er påkrevd" /> -
    -
    - { - setMentorAntallTimerInput(verdi); - avtaleContext.settAvtaleInnholdVerdi('mentorAntallTimer', inputToNumber(verdi)); - }} - /> - ) => { - settForHøyTimelønn(undefined) - }} - onBlur={(event) => { - if(/^\d{0,4}(\.\d{0,2})?$/.test(event.target.value)){ - avtaleContext.settAvtaleInnholdVerdi('mentorTimelonn', Math.round(parseFloat(event.target.value))) - } - else { - avtaleContext.settAvtaleInnholdVerdi('mentorTimelonn', undefined); - settForHøyTimelønn("Overskrider maks timelønn"); - } - } +
    +
    + { + setMentorAntallTimerInput(verdi); + avtaleContext.settAvtaleInnholdVerdi('mentorAntallTimer', inputToNumber(verdi)); + }} + /> + ) => { + settForHøyTimelønn(undefined); + }} + onBlur={(event) => { + if (/^\d{0,4}(\.\d{0,2})?$/.test(event.target.value)) { + avtaleContext.settAvtaleInnholdVerdi( + 'mentorTimelonn', + Math.round(parseFloat(event.target.value)), + ); + } else { + avtaleContext.settAvtaleInnholdVerdi('mentorTimelonn', undefined); + settForHøyTimelønn('Overskrider maks timelønn'); } - error={forHøyTimelønn} - /> -
    -
    - - - *Inkludert feriepenger, arbeidsgiveravgift og obligatorisk tjenestepensjon - -
    + }} + error={forHøyTimelønn} + /> +
    +
    + + + *Inkludert feriepenger, arbeidsgiveravgift og obligatorisk tjenestepensjon + +
    diff --git a/src/AvtaleSide/steg/OmMentorSteg/omMentorSteg.less b/src/AvtaleSide/steg/OmMentorSteg/omMentorSteg.less index d66d2622c..72ea7a5c3 100644 --- a/src/AvtaleSide/steg/OmMentorSteg/omMentorSteg.less +++ b/src/AvtaleSide/steg/OmMentorSteg/omMentorSteg.less @@ -1,26 +1,26 @@ .omMentorSteg { - padding: 0.5rem 0.5rem 1rem 0.5rem; + padding: 0.5rem 0.5rem 1rem 0.5rem; - &__rad { - display: flex; - align-items: flex-start; - margin-bottom: 1rem; + &__rad { + display: flex; + align-items: flex-start; + margin-bottom: 1rem; - .navds-form-field { - width: calc(50% - 1rem); + .navds-form-field { + width: calc(50% - 1rem); - &:nth-child(odd) { - margin-right: 1rem; - } + &:nth-child(odd) { + margin-right: 1rem; + } + } } - } - &__textArea { - margin-bottom: 1rem; - margin-right: 1rem; - } + &__textArea { + margin-bottom: 1rem; + margin-right: 1rem; + } - &__arbeidsoppgaver-mentor { - margin: 1rem 0 2rem 0; - } + &__arbeidsoppgaver-mentor { + margin: 1rem 0 2rem 0; + } } diff --git a/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/oppfolgingOgTilretteleggingSteg.less b/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/oppfolgingOgTilretteleggingSteg.less index e9c8d9bc0..4bfd7c2a2 100644 --- a/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/oppfolgingOgTilretteleggingSteg.less +++ b/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/oppfolgingOgTilretteleggingSteg.less @@ -1,5 +1,5 @@ .oppfolgingOgTilretteleggingSteg { - &__tekst-felt { - margin-bottom: 2.5rem; - } + &__tekst-felt { + margin-bottom: 2.5rem; + } } diff --git a/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx b/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx index 3c18c69e0..ca7f2a0a9 100644 --- a/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx +++ b/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx @@ -1,4 +1,4 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import { render, screen } from '@testing-library/react'; import { AvtaleContext, Context } from '@/AvtaleProvider'; @@ -10,7 +10,7 @@ test(' renders correctly', async () => { render( - + , ); expect(await screen.findByText('Fylles ut av NAV og arbeidsgiveren')).toBeDefined(); }); diff --git a/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx b/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx index 8816c26fe..9c3944e99 100644 --- a/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx +++ b/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx @@ -42,7 +42,11 @@ const StillingSteg: FunctionComponent = () => { <> Er stillingen fast eller midlertidig
    - + avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'FAST' })} checked={avtaleContext.avtale.gjeldendeInnhold.stillingstype === 'FAST'} @@ -52,7 +56,9 @@ const StillingSteg: FunctionComponent = () => { Fast avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'MIDLERTIDIG' })} + onChange={() => + avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'MIDLERTIDIG' }) + } checked={avtaleContext.avtale.gjeldendeInnhold.stillingstype === 'MIDLERTIDIG'} name="stillingstype" value="MIDLERTIDIG" diff --git a/src/AvtaleSide/steg/StillingSteg/StillingsSteg.less b/src/AvtaleSide/steg/StillingSteg/StillingsSteg.less index ce418df7a..6ece1f853 100644 --- a/src/AvtaleSide/steg/StillingSteg/StillingsSteg.less +++ b/src/AvtaleSide/steg/StillingSteg/StillingsSteg.less @@ -7,12 +7,13 @@ margin-bottom: 0.5rem; } - .stillingsTittelVelger, &__stilling-beskrivelse, &__stillingstype_radio { + .stillingsTittelVelger, + &__stilling-beskrivelse, + &__stillingstype_radio { margin-bottom: 1.75rem; } &__lagre-knapp { margin-top: 0.5rem; } - } diff --git a/src/AvtaleSide/steg/StillingSteg/StillingsTittelVelger.tsx b/src/AvtaleSide/steg/StillingSteg/StillingsTittelVelger.tsx index 21e2214ad..58bb3951d 100644 --- a/src/AvtaleSide/steg/StillingSteg/StillingsTittelVelger.tsx +++ b/src/AvtaleSide/steg/StillingSteg/StillingsTittelVelger.tsx @@ -55,7 +55,7 @@ const StillingsTittelVelger: FunctionComponent = (props) => { return txtfragments.reduce( (arr: any, element: any, index: number) => matches && matches[index] ? [...arr, element, {matches[index]}] : [...arr, element], - [] + [], ); }; diff --git a/src/AvtaleSide/steg/VarighetSteg/AvtaleMinMaxDato/AvtaleMinMaxDato.ts b/src/AvtaleSide/steg/VarighetSteg/AvtaleMinMaxDato/AvtaleMinMaxDato.ts index 6b93df710..b92d75258 100644 --- a/src/AvtaleSide/steg/VarighetSteg/AvtaleMinMaxDato/AvtaleMinMaxDato.ts +++ b/src/AvtaleSide/steg/VarighetSteg/AvtaleMinMaxDato/AvtaleMinMaxDato.ts @@ -2,7 +2,7 @@ import { AvtaleContext } from '@/AvtaleProvider'; import { Kvalifiseringsgruppe } from '@/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe'; import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary'; import { TiltaksType } from '@/types/avtale'; -import moment, { DurationInputArg2, } from 'moment'; +import moment, { DurationInputArg2 } from 'moment'; import { useContext } from 'react'; export declare type ISODateString = string; @@ -12,9 +12,7 @@ export interface DatepickerDateRange { from: ISODateString; to: ISODateString; } -type DaysOfWeekModifier = [ - 1, 2, 3, "", -] +type DaysOfWeekModifier = [1, 2, 3, '']; interface DatepickerLimitations { minDate?: ISODateString; maxDate?: ISODateString; @@ -34,17 +32,16 @@ export const AvtaleMinMaxDato = (startDatePicker: boolean): DatepickerLimitation const { rolle } = useContext(InnloggetBrukerContext); const erVeileder = rolle === 'VEILEDER'; - const startdatoPluss = (megde: number, tidsEnhet: DurationInputArg2): any => { - return moment(avtale.gjeldendeInnhold.startDato).subtract(1, 'days').add(megde, tidsEnhet).format("YYYY-MM-DD") + return moment(avtale.gjeldendeInnhold.startDato).subtract(1, 'days').add(megde, tidsEnhet).format('YYYY-MM-DD'); }; const startdatoFraAvtalensSluttDato = (megde: number, tidsEnhet: DurationInputArg2): any => { - return moment(avtale.gjeldendeInnhold.sluttDato).add(1, 'days').subtract( megde, tidsEnhet).format("YYYY-MM-DD"); + return moment(avtale.gjeldendeInnhold.sluttDato).add(1, 'days').subtract(megde, tidsEnhet).format('YYYY-MM-DD'); }; const sluttDatoFraDagensDato = (megde: number, tidsEnhet: DurationInputArg2): any => { - return moment(new Date()).add(megde, tidsEnhet).subtract(1, 'days').format("YYYY-MM-DD") + return moment(new Date()).add(megde, tidsEnhet).subtract(1, 'days').format('YYYY-MM-DD'); }; const settdatoBegrensningTiltakstype = (tiltakstype: TiltaksType) => { @@ -109,28 +106,24 @@ export const AvtaleMinMaxDato = (startDatePicker: boolean): DatepickerLimitation } }; - const sjekkMuligMinDato = (mengde? : number | undefined) => { + const sjekkMuligMinDato = (mengde?: number | undefined) => { if (erVeileder) { if (avtale.godkjentForEtterregistrering) { return INGEN_DATO_SPERRE; } - if(startDatePicker){ - if(avtale.gjeldendeInnhold.sluttDato){ - if(mengde){ - if(startdatoFraAvtalensSluttDato(mengde, 'years') < EN_UKE_SIDEN){ - return EN_UKE_SIDEN - } - else { + if (startDatePicker) { + if (avtale.gjeldendeInnhold.sluttDato) { + if (mengde) { + if (startdatoFraAvtalensSluttDato(mengde, 'years') < EN_UKE_SIDEN) { + return EN_UKE_SIDEN; + } else { return startdatoFraAvtalensSluttDato(mengde, 'years'); } } - } return EN_UKE_SIDEN; - } - - else if(avtale.gjeldendeInnhold.startDato){ - return avtale.gjeldendeInnhold.startDato + } else if (avtale.gjeldendeInnhold.startDato) { + return avtale.gjeldendeInnhold.startDato; } } else { return DAGENSDATO; diff --git a/src/AvtaleSide/steg/VarighetSteg/InfoBoks/InfoBoks.less b/src/AvtaleSide/steg/VarighetSteg/InfoBoks/InfoBoks.less index 3d096d3c5..c480db09c 100644 --- a/src/AvtaleSide/steg/VarighetSteg/InfoBoks/InfoBoks.less +++ b/src/AvtaleSide/steg/VarighetSteg/InfoBoks/InfoBoks.less @@ -1,4 +1,4 @@ -@import (reference) "../../../../tiltak_variabler.less"; +@import (reference) '../../../../tiltak_variabler.less'; .infoboks { border: 3px solid @navBlaLighten80; diff --git a/src/AvtaleSide/steg/VarighetSteg/varighetSteg.less b/src/AvtaleSide/steg/VarighetSteg/varighetSteg.less index 0995d4be2..d920dbea9 100644 --- a/src/AvtaleSide/steg/VarighetSteg/varighetSteg.less +++ b/src/AvtaleSide/steg/VarighetSteg/varighetSteg.less @@ -1,33 +1,34 @@ .varighetsteg { - &__ingress { - margin-bottom: 1rem; - } + &__ingress { + margin-bottom: 1rem; + } - &__rad { - margin-bottom: 2rem; - } + &__rad { + margin-bottom: 2rem; + } - &__info-arena-opprydding-alert &__Stillingsprosent-input-container, - &__lagre-knapp { - margin: 1rem 0; - } + &__info-arena-opprydding-alert &__Stillingsprosent-input-container, + &__lagre-knapp { + margin: 1rem 0; + } - &__info-arena-opprydding-avsnitt { - &:nth-child(odd) { - margin-bottom: 1rem; + &__info-arena-opprydding-avsnitt { + &:nth-child(odd) { + margin-bottom: 1rem; + } } - } - &__sommerjobb-deltaker-over30-alert { - margin-top: 1rem; - } + &__sommerjobb-deltaker-over30-alert { + margin-top: 1rem; + } - &__er-arbeidsgiver-ufordelt, &__er-arbeidsgiver-ikke-ufordelt { - margin-top: 1rem; - } + &__er-arbeidsgiver-ufordelt, + &__er-arbeidsgiver-ikke-ufordelt { + margin-top: 1rem; + } - &__input-container { - margin-top: 1rem; - width: 35%; - } + &__input-container { + margin-top: 1rem; + width: 35%; + } } diff --git a/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.less b/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.less index e9ec52ea3..3cb190e1a 100644 --- a/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.less +++ b/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.less @@ -1,31 +1,31 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .avtaletabellbeslutterheader { - &__label-container { - display: flex; - justify-content: center; - align-items: center; - } - - th { - background-color: white; - border-bottom-width: 1px !important; // Overstyr design-css - text-align: center; - font-size: var(--a-font-size-medium); - border-top: 1px; - border-bottom: 1px; - border-style: solid; - border-left: 0; - border-right: 0; - border-color: @navGra40; - &:first-child { - border-left: 1px solid @navGra40; - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + &__label-container { + display: flex; + justify-content: center; + align-items: center; } - &:last-child { - border-right: 1px solid @navGra40; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + + th { + background-color: white; + border-bottom-width: 1px !important; // Overstyr design-css + text-align: center; + font-size: var(--a-font-size-medium); + border-top: 1px; + border-bottom: 1px; + border-style: solid; + border-left: 0; + border-right: 0; + border-color: @navGra40; + &:first-child { + border-left: 1px solid @navGra40; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + &:last-child { + border-right: 1px solid @navGra40; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } } - } } diff --git a/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.tsx b/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.tsx index de1d3fbc4..098828093 100644 --- a/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.tsx +++ b/src/BeslutterOversikt/AvtaleTabellBeslutterHeader.tsx @@ -2,12 +2,11 @@ import React from 'react'; import { Table } from '@navikt/ds-react'; import './AvtaleTabellBeslutterHeader.less'; import BEMHelper from '@/utils/bem'; -import SorteringOrderValgGammel from "@/AvtaleOversikt/Filtrering/GammelFiltrering/SorteringOrderValgGammel"; - +import SorteringOrderValgGammel from '@/AvtaleOversikt/Filtrering/GammelFiltrering/SorteringOrderValgGammel'; const cls = BEMHelper('avtaletabellbeslutterheader'); -const AvtaleTabellBeslutterHeader: React.FC= () => { +const AvtaleTabellBeslutterHeader: React.FC = () => { return ( diff --git a/src/BeslutterOversikt/BeslutterOversikt.tsx b/src/BeslutterOversikt/BeslutterOversikt.tsx index 277fe920f..b74fdfdf1 100644 --- a/src/BeslutterOversikt/BeslutterOversikt.tsx +++ b/src/BeslutterOversikt/BeslutterOversikt.tsx @@ -23,7 +23,7 @@ const BeslutterOversikt: FunctionComponent = () => { const [nettressurs, setNettressurs] = useState({ status: Status.IkkeLastet, }); - + useEffect(() => { setNettressurs({ status: Status.LasterInn }); const page = parseInt(filtre.page ? filtre.page : '1', 10); @@ -31,7 +31,7 @@ const BeslutterOversikt: FunctionComponent = () => { (pagableAvtale: PageableAvtaleMinimalForBeslutter) => { setCurrentPage(pagableAvtale); setNettressurs({ status: Status.Lastet, data: pagableAvtale.avtaler }); - } + }, ); }, [filtre]); diff --git a/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.less b/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.less index 8f7c538f3..ffa0cf461 100644 --- a/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.less +++ b/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .avtaleoversiktskeleton { &__spinner { @@ -7,7 +7,6 @@ align-items: center; height: 10rem; } - } table.avtaleoversiktskeleton { border-spacing: 0px 10px; diff --git a/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.tsx b/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.tsx index cdf7a953b..d3828eacb 100644 --- a/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.tsx +++ b/src/BeslutterOversikt/BeslutterOversiktSkeleton/BeslutterOversiktSkeleton.tsx @@ -5,7 +5,7 @@ import Skeleton from 'react-loading-skeleton'; import MediaQuery from 'react-responsive'; import './BeslutterOversiktSkeleton.less'; import 'react-loading-skeleton/dist/skeleton.css'; -import AvtaleTabellBeslutterHeader from "@/BeslutterOversikt/AvtaleTabellBeslutterHeader"; +import AvtaleTabellBeslutterHeader from '@/BeslutterOversikt/AvtaleTabellBeslutterHeader'; const cls = BEMHelper('avtaleoversiktskeleton'); diff --git a/src/BeslutterSide/BeslutterSide.less b/src/BeslutterSide/BeslutterSide.less index cf3515dc7..f84fa87bc 100644 --- a/src/BeslutterSide/BeslutterSide.less +++ b/src/BeslutterSide/BeslutterSide.less @@ -1,4 +1,4 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .beslutter-side { background-color: white; @@ -13,17 +13,22 @@ align-items: center; } - &__head-wrapper, &__avtale-wrapper, &__avtale-versjon-wrapper { + &__head-wrapper, + &__avtale-wrapper, + &__avtale-versjon-wrapper { width: 100%; max-width: @container-desktop; } - &__avtale-wrapper, &__avtale-versjon-wrapper { - box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%); + &__avtale-wrapper, + &__avtale-versjon-wrapper { + box-shadow: + 0 4px 6px -1px rgb(0 0 0 / 10%), + 0 2px 4px -1px rgb(0 0 0 / 6%); } &__avtale-wrapper { - >.accordion { + > .accordion { border: none; } &:last-child { @@ -38,7 +43,7 @@ } &__hoved-tittel { - margin: 1rem 0; + margin: 1rem 0; } &__wrapper { @@ -51,5 +56,6 @@ opacity: 0.3; } - @media(min-width: @container-tablet) {} + @media (min-width: @container-tablet) { + } } diff --git a/src/BeslutterSide/BeslutterSide.tsx b/src/BeslutterSide/BeslutterSide.tsx index e90337b26..be8a23dac 100644 --- a/src/BeslutterSide/BeslutterSide.tsx +++ b/src/BeslutterSide/BeslutterSide.tsx @@ -39,7 +39,7 @@ const BeslutterSide: FunctionComponent = () => { const [enhet, setEnhet] = useState( gjeldendeTilskuddsperiode && gjeldendeTilskuddsperiode?.løpenummer > 1 ? avtale.tilskuddPeriode[gjeldendeTilskuddsperiode?.løpenummer - 1].enhet ?? defaultEnhet - : defaultEnhet + : defaultEnhet, ); const [visEnhetFeil, setVisEnhetFeil] = useState(false); const [, setClsName] = useState(); diff --git a/src/BeslutterSide/beslutterPanel/InfoRadBesluttervisning.tsx b/src/BeslutterSide/beslutterPanel/InfoRadBesluttervisning.tsx index f5ef76f8b..e0bccb8c6 100644 --- a/src/BeslutterSide/beslutterPanel/InfoRadBesluttervisning.tsx +++ b/src/BeslutterSide/beslutterPanel/InfoRadBesluttervisning.tsx @@ -13,9 +13,7 @@ const InfoRadBesluttervisning: FunctionComponent = ({ metadata, info, sty return (
    - - {info} - + {info}
    ); }; diff --git a/src/BeslutterSide/beslutterPanel/InfoVisningTilskuddsperiode.tsx b/src/BeslutterSide/beslutterPanel/InfoVisningTilskuddsperiode.tsx index ecb52598c..96d65b824 100644 --- a/src/BeslutterSide/beslutterPanel/InfoVisningTilskuddsperiode.tsx +++ b/src/BeslutterSide/beslutterPanel/InfoVisningTilskuddsperiode.tsx @@ -29,7 +29,7 @@ const InfoVisningTilskuddsperiode: FunctionComponent = () => { metadata="Periode" info={formatterPeriode( gjeldendeTilskuddsperiode.startDato, - gjeldendeTilskuddsperiode.sluttDato + gjeldendeTilskuddsperiode.sluttDato, )} style={{ minHeight: '2rem' }} /> diff --git a/src/BeslutterSide/beslutterPanel/TilskuddsperiodeBehandlingsTittel.tsx b/src/BeslutterSide/beslutterPanel/TilskuddsperiodeBehandlingsTittel.tsx index 47470b8d9..61be2f30f 100644 --- a/src/BeslutterSide/beslutterPanel/TilskuddsperiodeBehandlingsTittel.tsx +++ b/src/BeslutterSide/beslutterPanel/TilskuddsperiodeBehandlingsTittel.tsx @@ -16,12 +16,14 @@ const TilskuddsperiodeBehandlingsTittel: FunctionComponent = () => { GODKJENT: 'Tilskuddsperiode er godkjent', UBEHANDLET: 'Tilskuddsperiode som skal godkjennes', ANNULLERT: 'Tilskuddsperiode er annullert', - BEHANDLET_I_ARENA: 'Tilskuddsperiode er behandlet i Arena' + BEHANDLET_I_ARENA: 'Tilskuddsperiode er behandlet i Arena', }; return (
    - {tittel[avtale.gjeldendeTilskuddsperiode.status]} + + {tittel[avtale.gjeldendeTilskuddsperiode.status]} + {formatterDato(avtale.opprettetTidspunkt, NORSK_DATO_FORMAT)}
    ); diff --git a/src/BeslutterSide/beslutterPanel/TilskuddsperiodeEndreKostnadssted.tsx b/src/BeslutterSide/beslutterPanel/TilskuddsperiodeEndreKostnadssted.tsx index eda8317d0..5adff53f7 100644 --- a/src/BeslutterSide/beslutterPanel/TilskuddsperiodeEndreKostnadssted.tsx +++ b/src/BeslutterSide/beslutterPanel/TilskuddsperiodeEndreKostnadssted.tsx @@ -12,19 +12,19 @@ const getFeilmelding = (verdi?: string, enhet?: string) => { return 'Enhet må bestå av 4 siffer'; } if (!enhet) { - return "Ukjent enhet"; + return 'Ukjent enhet'; } - return "En feil oppstod"; -} + return 'En feil oppstod'; +}; const TilskuddsperiodeEndreKostnadssted: FunctionComponent = () => { const { avtale } = useContext(AvtaleContext); const { gjeldendeTilskuddsperiode } = avtale; const { enhet, visEnhetFeil, setVisEnhetFeil, setEnhet } = useContext(TilskuddsperiodeContext); - const [ verdi, setVerdi ] = useState(enhet); + const [verdi, setVerdi] = useState(enhet); const cls = BEMHelper('beslutter-panel'); - + const { data, error, isValidating } = useHentEnhet(verdi?.match(/^\d{4}$/) ? verdi : undefined); useEffect(() => { @@ -54,7 +54,7 @@ const TilskuddsperiodeEndreKostnadssted: FunctionComponent = () => { }} /> - {isValidating && ()} + {isValidating && } {!isValidating && data && !error && data.navn}
    diff --git a/src/BeslutterSide/beslutterPanel/beslutterPanel.less b/src/BeslutterSide/beslutterPanel/beslutterPanel.less index 1bc2bcf21..63c81270e 100644 --- a/src/BeslutterSide/beslutterPanel/beslutterPanel.less +++ b/src/BeslutterSide/beslutterPanel/beslutterPanel.less @@ -1,123 +1,125 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .beslutter-panel { - background-color: white; - border-radius: 8px; - padding: 2rem 2.75rem 2rem 2.5rem; - margin-bottom: 0.25rem; - margin-right: 0.5rem; - box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%); - width: 100%; - - &__tittel { - display: flex; - justify-content: space-between; - margin-bottom: 1rem; - max-width: 95%; - } - - &__grid-container { - flex-direction: column; - display: flex; - grid-gap: 0; - } - - &__infovisning-rad { - display: flex; - align-items: center; - margin-top: 1rem; - flex-wrap: wrap; - - & > .navds-label { - flex-shrink: 0; - margin-right: 0.5rem; + background-color: white; + border-radius: 8px; + padding: 2rem 2.75rem 2rem 2.5rem; + margin-bottom: 0.25rem; + margin-right: 0.5rem; + box-shadow: + 0 4px 6px -1px rgb(0 0 0 / 10%), + 0 2px 4px -1px rgb(0 0 0 / 6%); + width: 100%; + + &__tittel { + display: flex; + justify-content: space-between; + margin-bottom: 1rem; + max-width: 95%; } - & > p:nth-child(1) { - min-width: 9rem; + &__grid-container { + flex-direction: column; + display: flex; + grid-gap: 0; } - & > p:nth-child(2) { - min-width: 8rem; + + &__infovisning-rad { + display: flex; + align-items: center; + margin-top: 1rem; + flex-wrap: wrap; + + & > .navds-label { + flex-shrink: 0; + margin-right: 0.5rem; + } + + & > p:nth-child(1) { + min-width: 9rem; + } + & > p:nth-child(2) { + min-width: 8rem; + } } - } - - &__infovisning-rad--input { - display: flex; - flex-direction: column; - align-items: flex-start; - } - - &__avslagtext-subingress { - text-align: center; - } - - &__avslag-boks { - background-color: #e9e7e7; - border-radius: 4px; - padding: 2rem; - margin-top: 1rem; - } - - &__avslag-input { - display: flex; - justify-content: space-between; - } - - &__avslagsforklaring-wrapper { - margin-left: 1rem; - } - - &__avslagsforklaring { - width: 25rem; - } - - &__input-wrapper { - display: flex; - } - - &__input-meta { - margin-left: 0.5rem; - align-self: center; - } - - &__input input { - width: 5rem; - } - - @media(min-width: @container-tablet) { - &__tittel { - margin-bottom: 0; + + &__infovisning-rad--input { + display: flex; + flex-direction: column; + align-items: flex-start; } - &__infovisning-rad { - flex-wrap: nowrap; + &__avslagtext-subingress { + text-align: center; } - &__grid-container { - flex-direction: row; - grid-gap: 7rem; + &__avslag-boks { + background-color: #e9e7e7; + border-radius: 4px; + padding: 2rem; + margin-top: 1rem; } - &__input-wrapper { - align-items: flex-start; + &__avslag-input { + display: flex; + justify-content: space-between; } - &__infovisning-rad { - flex-direction: row; + &__avslagsforklaring-wrapper { + margin-left: 1rem; + } - .navds-form-field { - gap: 0; - grid-gap: 0; - } + &__avslagsforklaring { + width: 25rem; } - &__infovisning-rad--input { - flex-direction: row; - min-height: 3.5rem; + &__input-wrapper { + display: flex; + } + + &__input-meta { + margin-left: 0.5rem; + align-self: center; + } + + &__input input { + width: 5rem; + } - > .navds-label:first-of-type { - margin-top: 0.25rem; - } + @media (min-width: @container-tablet) { + &__tittel { + margin-bottom: 0; + } + + &__infovisning-rad { + flex-wrap: nowrap; + } + + &__grid-container { + flex-direction: row; + grid-gap: 7rem; + } + + &__input-wrapper { + align-items: flex-start; + } + + &__infovisning-rad { + flex-direction: row; + + .navds-form-field { + gap: 0; + grid-gap: 0; + } + } + + &__infovisning-rad--input { + flex-direction: row; + min-height: 3.5rem; + + > .navds-label:first-of-type { + margin-top: 0.25rem; + } + } } - } } diff --git a/src/BeslutterSide/beslutterTilskuddsperioder/BeslutterTilskuddsperioder.tsx b/src/BeslutterSide/beslutterTilskuddsperioder/BeslutterTilskuddsperioder.tsx index 414dce4e8..d9493c0e2 100644 --- a/src/BeslutterSide/beslutterTilskuddsperioder/BeslutterTilskuddsperioder.tsx +++ b/src/BeslutterSide/beslutterTilskuddsperioder/BeslutterTilskuddsperioder.tsx @@ -71,7 +71,7 @@ const BeslutterTilskuddsPerioder: FunctionComponent = (props) => { return (
    - + Tilskudd som skal godkjennes
    @@ -96,7 +96,7 @@ const BeslutterTilskuddsPerioder: FunctionComponent = (props) => { key={index} className={cls.element( 'tilskuddsperiode-rad', - settStylingForTabellrad(periode) + settStylingForTabellrad(periode), )} > {periode.løpenummer} diff --git a/src/BeslutterSide/beslutterTilskuddsperioder/beslutterTilskuddsperioder.less b/src/BeslutterSide/beslutterTilskuddsperioder/beslutterTilskuddsperioder.less index 5b3f7a3a6..0e6c3db48 100644 --- a/src/BeslutterSide/beslutterTilskuddsperioder/beslutterTilskuddsperioder.less +++ b/src/BeslutterSide/beslutterTilskuddsperioder/beslutterTilskuddsperioder.less @@ -11,7 +11,9 @@ margin-right: 0.5rem; height: 40.625rem; overflow: auto; - box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%); + box-shadow: + 0 4px 6px -1px rgb(0 0 0 / 10%), + 0 2px 4px -1px rgb(0 0 0 / 6%); width: 100%; table { diff --git a/src/FeatureToggleProvider.tsx b/src/FeatureToggleProvider.tsx index 4470c8a79..c1d5f7e6d 100644 --- a/src/FeatureToggleProvider.tsx +++ b/src/FeatureToggleProvider.tsx @@ -2,7 +2,7 @@ import React, { createContext, useEffect, useState } from 'react'; import { hentFeatureToggles } from './services/rest-service'; export enum Feature { - VisNedetidBanner = 'visNedetidBanner' + VisNedetidBanner = 'visNedetidBanner', } export const alleFeatures = Object.values(Feature); diff --git a/src/FeilVarselProvider.tsx b/src/FeilVarselProvider.tsx index caf01767f..f7128f336 100644 --- a/src/FeilVarselProvider.tsx +++ b/src/FeilVarselProvider.tsx @@ -1,4 +1,4 @@ -import React, {createContext, FunctionComponent, PropsWithChildren, useState} from 'react'; +import React, { createContext, FunctionComponent, PropsWithChildren, useState } from 'react'; import VarselKomponent from './komponenter/Varsel/VarselKomponent'; export const FeilVarselContext = createContext<(feilmelding?: string) => void>(() => { diff --git a/src/InnloggingBoundary/ByttTilVeileder.tsx b/src/InnloggingBoundary/ByttTilVeileder.tsx index 33559aec2..3514280bf 100644 --- a/src/InnloggingBoundary/ByttTilVeileder.tsx +++ b/src/InnloggingBoundary/ByttTilVeileder.tsx @@ -16,7 +16,7 @@ const ByttTilVeileder: FunctionComponent = () => { return (
    -
    diff --git a/src/InnloggingBoundary/InnloggingBoundary.tsx b/src/InnloggingBoundary/InnloggingBoundary.tsx index dc726d962..6a9181cd5 100644 --- a/src/InnloggingBoundary/InnloggingBoundary.tsx +++ b/src/InnloggingBoundary/InnloggingBoundary.tsx @@ -8,7 +8,7 @@ import { INNLOGGET_PART } from '@/RedirectEtterLogin'; import { sjekkOmMenySkalBrukes } from '@/services/internt'; import { InnloggetBruker } from '@/types/innlogget-bruker'; import NAVSPA from '@navikt/navspa'; -import React, {FunctionComponent, PropsWithChildren, useEffect, useState} from 'react'; +import React, { FunctionComponent, PropsWithChildren, useEffect, useState } from 'react'; import { useCookies } from 'react-cookie'; import { useNavigate } from 'react-router-dom'; import Innloggingslinje from './Innloggingslinje'; diff --git a/src/InnloggingBoundary/Innloggingslinje.less b/src/InnloggingBoundary/Innloggingslinje.less index a5e701cf1..455b6f697 100644 --- a/src/InnloggingBoundary/Innloggingslinje.less +++ b/src/InnloggingBoundary/Innloggingslinje.less @@ -1,4 +1,4 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .innloggingslinje { background-color: white; diff --git a/src/InnloggingBoundary/Innloggingsside.less b/src/InnloggingBoundary/Innloggingsside.less index f91db19b1..68bac77a9 100644 --- a/src/InnloggingBoundary/Innloggingsside.less +++ b/src/InnloggingBoundary/Innloggingsside.less @@ -1,4 +1,4 @@ -@import (reference) "../tiltak_variabler.less"; +@import (reference) '../tiltak_variabler.less'; .innloggingsside { margin: 0 auto; diff --git a/src/InnloggingBoundary/Innloggingsside.tsx b/src/InnloggingBoundary/Innloggingsside.tsx index d5933a511..f70d2a12c 100644 --- a/src/InnloggingBoundary/Innloggingsside.tsx +++ b/src/InnloggingBoundary/Innloggingsside.tsx @@ -76,7 +76,9 @@ const Innloggingsside = (props: { innloggingskilder: Innloggingskilde[] }) => {
    - Logg inn + + Logg inn +
    {logginnknapper}
    diff --git a/src/InnloggingBoundary/VarselOmNedetid.tsx b/src/InnloggingBoundary/VarselOmNedetid.tsx index d05825fd7..04681c8ca 100644 --- a/src/InnloggingBoundary/VarselOmNedetid.tsx +++ b/src/InnloggingBoundary/VarselOmNedetid.tsx @@ -9,7 +9,7 @@ export const VarselOmNedetid: FunctionComponent = () => { useEffect(() => { hentFeatureTogglesVarianter([Feature.VisNedetidBanner]) - .then(varianter => { + .then((varianter) => { setVariant(varianter[Feature.VisNedetidBanner]); }) .catch(() => void 0); diff --git a/src/InnloggingBoundary/byttTilBeslutter/ByttTilBeslutter.tsx b/src/InnloggingBoundary/byttTilBeslutter/ByttTilBeslutter.tsx index 7d6fc353c..810709969 100644 --- a/src/InnloggingBoundary/byttTilBeslutter/ByttTilBeslutter.tsx +++ b/src/InnloggingBoundary/byttTilBeslutter/ByttTilBeslutter.tsx @@ -16,7 +16,7 @@ const ByttTilBeslutter: FunctionComponent = () => { return (
    -
    diff --git a/src/InnloggingBoundary/byttTilBeslutter/byttTilBeslutter.less b/src/InnloggingBoundary/byttTilBeslutter/byttTilBeslutter.less index fdb24aa47..939dc1295 100644 --- a/src/InnloggingBoundary/byttTilBeslutter/byttTilBeslutter.less +++ b/src/InnloggingBoundary/byttTilBeslutter/byttTilBeslutter.less @@ -1,15 +1,15 @@ .byttTilBeslutter { - width: 100%; - background-color: white; - display: flex; - justify-content: center; - padding: 0.5rem; - - &__container { width: 100%; - max-width: 73rem; + background-color: white; display: flex; - justify-content: flex-end; + justify-content: center; padding: 0.5rem; - } + + &__container { + width: 100%; + max-width: 73rem; + display: flex; + justify-content: flex-end; + padding: 0.5rem; + } } diff --git a/src/InnloggingBoundary/useInnlogget.ts b/src/InnloggingBoundary/useInnlogget.ts index ea5a584c4..a458c73c5 100644 --- a/src/InnloggingBoundary/useInnlogget.ts +++ b/src/InnloggingBoundary/useInnlogget.ts @@ -26,11 +26,11 @@ const useInnlogget = (): Innlogget => { useEffect(() => { hentInnloggetBruker() - .then(response => { + .then((response) => { setInnloggetBruker(response); amplitude.setUserProperties({ rolle: response.rolle }); }) - .catch(error => { + .catch((error) => { if (error instanceof AutentiseringError || error instanceof FeilkodeError) { setUinnlogget(true); } else if (error instanceof ApiError) { @@ -39,9 +39,7 @@ const useInnlogget = (): Innlogget => { throwError(error); } }); - hentInnloggingskilder() - .then(setInnloggingskilder) - .catch(throwError); + hentInnloggingskilder().then(setInnloggingskilder).catch(throwError); }, [throwError]); return { innloggetBruker, uinnlogget, innloggingskilder, feilmelding }; diff --git a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.less b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.less index eca1a3fed..a53689eeb 100644 --- a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.less +++ b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .opprett-avtale-arbeidsgiver { margin: 0 auto; @@ -25,7 +25,8 @@ margin-right: 1rem; } - &:nth-child(odd), &:nth-child(even) { + &:nth-child(odd), + &:nth-child(even) { margin-bottom: 0.5rem; } } @@ -43,7 +44,8 @@ margin-right: 1rem; } - &:nth-child(odd), &:nth-child(even) { + &:nth-child(odd), + &:nth-child(even) { margin-bottom: 0.5rem; } } diff --git a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx index 21f042cdf..2c76759ab 100644 --- a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx +++ b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx @@ -9,7 +9,12 @@ import EksternLenke from '@/komponenter/navigation/EksternLenke'; import useValidering from '@/komponenter/useValidering'; import { tiltakstypeTekst } from '@/messages'; import { Avtalerolle } from '@/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder'; -import { basename, pathTilInformasjonssideInnlogget, pathTilOpprettAvtaleFullfortArbeidsgiver, inkludereIArbeidslivetLenke } from '@/paths'; +import { + basename, + pathTilInformasjonssideInnlogget, + pathTilOpprettAvtaleFullfortArbeidsgiver, + inkludereIArbeidslivetLenke, +} from '@/paths'; import { opprettAvtaleSomArbeidsgiver, opprettMentorAvtale } from '@/services/rest-service'; import { TiltaksType } from '@/types/avtale'; import { Feilkode, Feilmeldinger } from '@/types/feilkode'; @@ -37,11 +42,11 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => { const [deltakerFnrFeil, setDeltakerFnrFeil, validerDeltakerFnr] = useValidering( deltakerFnr, - validatorer('Deltaker', mentorFnr) + validatorer('Deltaker', mentorFnr), ); const [mentorFnrFeil, setMentorFnrFeil, validerMentorFnr] = useValidering( mentorFnr, - validatorer('Mentor', deltakerFnr) + validatorer('Mentor', deltakerFnr), ); const setFeilmelding = (melding: Feilkode) => { @@ -77,7 +82,7 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => { mentorFnr, valgtBedriftNr, valgtTiltaksType, - Avtalerolle.ARBEIDSGIVER + Avtalerolle.ARBEIDSGIVER, ); amplitude.logEvent('#tiltak-avtale-opprettet', { tiltakstype: valgtTiltaksType }); navigate(pathTilOpprettAvtaleFullfortArbeidsgiver(mentorAvtale.id)); @@ -99,7 +104,7 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => { const valgtBedriftNr = new URLSearchParams(window.location.search).get('bedrift')!; const valgtBedriftNavn = innloggetBruker.altinnOrganisasjoner.find( - (org) => org.OrganizationNumber === valgtBedriftNr + (org) => org.OrganizationNumber === valgtBedriftNr, )?.Name; return ( @@ -108,7 +113,9 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => {
    - Før du oppretter en avtale + + Før du oppretter en avtale + Er det første gang du skal opprette en avtale bør du lese gjennom {''} @@ -153,7 +160,7 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => { {uyldigAvtaletype && {Feilmeldinger.UGYLDIG_AVTALETYPE}} - + Hvem skal inngå i avtalen diff --git a/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.less b/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.less index f3c8ec384..bf5a79252 100644 --- a/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.less +++ b/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.less @@ -1,7 +1,6 @@ .hvem-skal-inngaa-avtalen-container { - - &__typo-element{ - width:15rem; + &__typo-element { + width: 15rem; margin-bottom: 1rem; } &__fnr-rad { diff --git a/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.tsx b/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.tsx index 9cc5898c3..ad98582e9 100644 --- a/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.tsx +++ b/src/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen.tsx @@ -54,7 +54,9 @@ const HvemSkalInngaaAvtalen: React.FC = ({ return ( - Hvem skal inngå i avtalen? + + Hvem skal inngå i avtalen? +
    .navds-radio-buttons { - display: flex; - flex-wrap: wrap; - - .radio-panel { - width: 20rem; - &:nth-child(odd) { - margin-right: 1rem; - } + &__tittel { + text-align: center; + margin-bottom: 2.5rem; + margin-top: 2rem; + } - &:nth-child(odd), &:nth-child(even) { - margin-bottom: 0.5rem; - } + &__eksterntLenkeikon { + display: inline-block; + margin-left: 0.3rem; } - } -} -@media (max-width: @screen-sm-min) { - // Mobil - .opprett-avtale { - &__tiltakstypeWrapper { - label { + .nav-veilederpanel { margin-bottom: 1rem; - } } - &__kandidat-fnr { - margin-bottom: 1rem; + &__du-trenger-tekst { + padding-left: 1.5rem; } - &__arbeidsgiver-bedriftNr { - margin-bottom: 1rem; + .ekspanderbartPanel { + margin-bottom: 1rem; } - } -} -@media (min-width: @screen-md-min) { - // Desktop - .opprett-avtale { - margin: 0 auto; - max-width: @screen-md-min; - - .ekspanderbartPanel { - margin-bottom: 2rem; + &__knappRad { + margin-top: 1rem; + display: flex; + flex-direction: column; + align-items: center; } - &__input-wrapper { - display: flex; - flex-direction: row; + &__bedriftNavn { + margin-top: 0.5rem; } - &__input-wrapper-rad2 { - display: flex; - justify-content: flex-end; + &__knapp { + margin-top: 3rem; + margin-bottom: 1.5rem; + width: 14rem; + align-self: center; } - &__kandidat-fnr { - width: 100%; - margin-right: 0.5rem; + &__innholdstittel { + margin-bottom: 1.5rem; } - &__arbeidsgiver-bedriftNr { - width: 100%; - margin-left: 0.5rem; + &__innholdsboks { + margin-bottom: 1rem; } + &__tiltakstype-wrapper > .navds-radio-buttons { + display: flex; + flex-wrap: wrap; - &__bedriftNavn { - width: 50% - 1rem; + .radio-panel { + width: 20rem; + + &:nth-child(odd) { + margin-right: 1rem; + } + + &:nth-child(odd), + &:nth-child(even) { + margin-bottom: 0.5rem; + } + } } +} + +@media (max-width: @screen-sm-min) { + // Mobil + .opprett-avtale { + &__tiltakstypeWrapper { + label { + margin-bottom: 1rem; + } + } - &__bedriftNavnBrreg { - margin-top: 0.5rem; - margin-left: 0.2rem; + &__kandidat-fnr { + margin-bottom: 1rem; + } + + &__arbeidsgiver-bedriftNr { + margin-bottom: 1rem; + } } +} - &__tiltakstype-wrapper > .navds-radio-buttons { - display: flex; - flex-wrap: wrap; +@media (min-width: @screen-md-min) { + // Desktop + .opprett-avtale { + margin: 0 auto; + max-width: @screen-md-min; - .radio-panel { - width: 27rem; + .ekspanderbartPanel { + margin-bottom: 2rem; + } - &:nth-child(odd) { - margin-right: 1rem; + &__input-wrapper { + display: flex; + flex-direction: row; } - &:nth-child(odd), &:nth-child(even) { - margin-bottom: 0.5rem; + &__input-wrapper-rad2 { + display: flex; + justify-content: flex-end; + } + + &__kandidat-fnr { + width: 100%; + margin-right: 0.5rem; + } + + &__arbeidsgiver-bedriftNr { + width: 100%; + margin-left: 0.5rem; + } + + &__bedriftNavn { + width: 50% - 1rem; + } + + &__bedriftNavnBrreg { + margin-top: 0.5rem; + margin-left: 0.2rem; + } + + &__tiltakstype-wrapper > .navds-radio-buttons { + display: flex; + flex-wrap: wrap; + + .radio-panel { + width: 27rem; + + &:nth-child(odd) { + margin-right: 1rem; + } + + &:nth-child(odd), + &:nth-child(even) { + margin-bottom: 0.5rem; + } + } } - } - } - &__horisontalGruppeWrapper { - display: flex; + &__horisontalGruppeWrapper { + display: flex; - label { - flex-grow: 1; - margin-right: 0.5rem; + label { + flex-grow: 1; + margin-right: 0.5rem; - &:last-child { - margin-right: 0; + &:last-child { + margin-right: 0; + } + } } - } } - } } diff --git a/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx b/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx index 84690a73b..4e923b422 100644 --- a/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx +++ b/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx @@ -57,11 +57,11 @@ const OpprettAvtaleVeileder: FunctionComponent = () => { const [deltakerFnrFeil, setDeltakerFnrFeil, validerDeltakerFnr] = useValidering( deltakerFnr, - validatorer('Deltaker', mentorFnr) + validatorer('Deltaker', mentorFnr), ); const [mentorFnrFeil, setMentorFnrFeil, validerMentorFnr] = useValidering( mentorFnr, - validatorer('Mentor', deltakerFnr) + validatorer('Mentor', deltakerFnr), ); const [bedriftNrFeil, setBedriftNrFeil, validerBedriftNr] = useValidering(bedriftNr, [ @@ -99,7 +99,7 @@ const OpprettAvtaleVeileder: FunctionComponent = () => { `Det oppstod en uventet feil ved henting av virksomhetsnummer ${ bedriftNr ? bedriftNr : '' } med feilmelding: `, - error + error, ); }); } else { @@ -139,7 +139,7 @@ const OpprettAvtaleVeileder: FunctionComponent = () => { mentorFnr, bedriftNr, valgtTiltaksType, - Avtalerolle.VEILEDER + Avtalerolle.VEILEDER, ); amplitude.logEvent('#tiltak-avtale-opprettet', { tiltakstype: valgtTiltaksType }); navigate(pathTilOpprettAvtaleFullfortVeileder(mentorAvtale.id)); @@ -151,7 +151,7 @@ const OpprettAvtaleVeileder: FunctionComponent = () => { deltakerFnr, bedriftNr, valgtTiltaksType, - valgtRyddeAvtale.includes('valgtRyddeAvtale') + valgtRyddeAvtale.includes('valgtRyddeAvtale'), ); amplitude.logEvent('#tiltak-avtale-opprettet', { tiltakstype: valgtTiltaksType }); navigate(pathTilOpprettAvtaleFullfortVeileder(avtale.id)); diff --git a/src/OpprettAvtale/OpprettAvtaleVeileder/TiltaksTypeRadioPanel.tsx b/src/OpprettAvtale/OpprettAvtaleVeileder/TiltaksTypeRadioPanel.tsx index 06625697a..c6d977797 100644 --- a/src/OpprettAvtale/OpprettAvtaleVeileder/TiltaksTypeRadioPanel.tsx +++ b/src/OpprettAvtale/OpprettAvtaleVeileder/TiltaksTypeRadioPanel.tsx @@ -45,7 +45,9 @@ const TiltaksTypeRadioPanel: FunctionComponent = ({ ]; return ( - Velg type avtale + + Velg type avtale + Ønsker du å vite mer om de ulike støtteordningene finner du informasjon på NAV sine sider{' '} = ({ ))}
    - {ugyldigAvtaletype && ( - {Feilmeldinger.UGYLDIG_AVTALETYPE} - )} + {ugyldigAvtaletype && {Feilmeldinger.UGYLDIG_AVTALETYPE}}     ); }; diff --git a/src/OpprettAvtale/OpprettAvtaleVeileder/opprettAvtaleVeileder.less b/src/OpprettAvtale/OpprettAvtaleVeileder/opprettAvtaleVeileder.less index f50985c6f..0ea79773d 100644 --- a/src/OpprettAvtale/OpprettAvtaleVeileder/opprettAvtaleVeileder.less +++ b/src/OpprettAvtale/OpprettAvtaleVeileder/opprettAvtaleVeileder.less @@ -1,20 +1,20 @@ .opprett-avtale { - &__innholdstittel { - text-align: center; - margin: 1rem 0 2rem 0; - } + &__innholdstittel { + text-align: center; + margin: 1rem 0 2rem 0; + } - &__valg-tiltakstype-container { - margin: 1rem 0; - } + &__valg-tiltakstype-container { + margin: 1rem 0; + } - &__tiltakstype-wrapper { - margin: 1rem 0 0 0; - } + &__tiltakstype-wrapper { + margin: 1rem 0 0 0; + } - @media (min-width: 64rem) { - &__valg-tiltakstype-tekst { - white-space: nowrap; + @media (min-width: 64rem) { + &__valg-tiltakstype-tekst { + white-space: nowrap; + } } - } } diff --git a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less b/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less index c74a3aac4..0ae786680 100644 --- a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less +++ b/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .opprettelseFullfortArbeidsgiver { padding: 2rem 1rem; diff --git a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx b/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx index 0ab0ccc1f..61ba890d3 100644 --- a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx +++ b/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx @@ -26,9 +26,7 @@ const OpprettelseFullfortArbeidsgiver: React.FunctionComponent = () => { - - Gå til avtalen - + Gå til avtalen
    diff --git a/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less b/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less index f1001ad18..63730e5e5 100644 --- a/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less +++ b/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .opprettelseFullfortVeileder { padding: 2rem 1rem; diff --git a/src/Oversikt.tsx b/src/Oversikt.tsx index 3598e2d40..70fd3468c 100644 --- a/src/Oversikt.tsx +++ b/src/Oversikt.tsx @@ -12,13 +12,13 @@ const Oversikt: FunctionComponent = () => { - ) + ); } else { return ( - ) + ); } }; diff --git a/src/RedirectEtterLogin.tsx b/src/RedirectEtterLogin.tsx index 823b4ff63..51e38c8c2 100644 --- a/src/RedirectEtterLogin.tsx +++ b/src/RedirectEtterLogin.tsx @@ -5,10 +5,10 @@ import { useNavigate } from 'react-router-dom'; export const SIDE_FOER_INNLOGGING = 'side-foer-innlogging'; export const INNLOGGET_PART = 'innlogget-part'; -type RedirectEtterLoginProps = & {children? : React.ReactNode} +type RedirectEtterLoginProps = { children?: React.ReactNode }; const RedirectEtterLogin: FunctionComponent = (props) => { - const navigation = useNavigate() + const navigation = useNavigate(); const redirectTilSideFoerInnlogging = () => { const sideFoerInnlogging = sessionStorage.getItem(SIDE_FOER_INNLOGGING); if (typeof sideFoerInnlogging === 'string') { @@ -19,7 +19,7 @@ const RedirectEtterLogin: FunctionComponent = (props) = }; //eslint-disable-next-line useEffect(redirectTilSideFoerInnlogging, []); - return <>{props.children}; + return <>{props.children}; }; -export default (RedirectEtterLogin); +export default RedirectEtterLogin; diff --git a/src/index.less b/src/index.less index d442f2d28..be7b00dde 100644 --- a/src/index.less +++ b/src/index.less @@ -6,7 +6,7 @@ @import 'AvtaleSide/steg/GodkjenningSteg/Oppsummering/Stegoppsummering/Stegoppsummering.less'; @import 'AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/Avtaleparter.less'; @import 'AvtaleOversikt/AvtaleOversikt.less'; -@import (reference) "tiltak_variabler.less"; +@import (reference) 'tiltak_variabler.less'; body { font-size: 1rem; @@ -41,7 +41,7 @@ svg { .accordion .navds-accordion__content, .accordion .navds-accordion__header { border: none; - --__ac-accordion-header-shadow-color:none; + --__ac-accordion-header-shadow-color: none; } .accordion .navds-accordion__header:focus { diff --git a/src/komponenter/Banner/Banner.less b/src/komponenter/Banner/Banner.less index 867420a89..5919d4c4e 100644 --- a/src/komponenter/Banner/Banner.less +++ b/src/komponenter/Banner/Banner.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .banner { height: 7rem; diff --git a/src/komponenter/Banner/Banner.tsx b/src/komponenter/Banner/Banner.tsx index a2dc25fdc..380d8d11e 100644 --- a/src/komponenter/Banner/Banner.tsx +++ b/src/komponenter/Banner/Banner.tsx @@ -14,15 +14,12 @@ interface Props { undertittel?: string; } - - const Banner: React.FunctionComponent = (props) => { const innloggetBruker = useContext(InnloggetBrukerContext); const [searchParams] = useSearchParams(); const bedriftParam = searchParams.get('bedrift'); - const useOrgnrHook2: () => [string | null, (orgnr: string) => void] = - useCallback(() => { + const useOrgnrHook2: () => [string | null, (orgnr: string) => void] = useCallback(() => { const currentOrgnr = bedriftParam || null; return [ @@ -36,7 +33,6 @@ const Banner: React.FunctionComponent = (props) => { if (props.byttetOrg) { props.byttetOrg(orgnr); } - } } }, diff --git a/src/komponenter/BekreftCheckboksPanel/bekreftCheckboksPanel.less b/src/komponenter/BekreftCheckboksPanel/bekreftCheckboksPanel.less index 5bf921f5c..9251c666b 100644 --- a/src/komponenter/BekreftCheckboksPanel/bekreftCheckboksPanel.less +++ b/src/komponenter/BekreftCheckboksPanel/bekreftCheckboksPanel.less @@ -1,14 +1,16 @@ -.bekreft-checkboks-panel, .bekreft-checkboks-panel__checked, .bekreft-checkboks-panel__non-checked { - margin: 1rem 0; - display: block; - padding: 1rem 1rem 1rem 1rem; - border-radius: 4px; - border-color: #ffeccc; - cursor: unset; - transition: background-color linear 100ms; - background-color: #ffeccc; +.bekreft-checkboks-panel, +.bekreft-checkboks-panel__checked, +.bekreft-checkboks-panel__non-checked { + margin: 1rem 0; + display: block; + padding: 1rem 1rem 1rem 1rem; + border-radius: 4px; + border-color: #ffeccc; + cursor: unset; + transition: background-color linear 100ms; + background-color: #ffeccc; - &__checked { - background-color: #ccf1d6; - } + &__checked { + background-color: #ccf1d6; + } } diff --git a/src/komponenter/Dokumenttittel.tsx b/src/komponenter/Dokumenttittel.tsx index 605dd1c56..07bcf4dc4 100644 --- a/src/komponenter/Dokumenttittel.tsx +++ b/src/komponenter/Dokumenttittel.tsx @@ -4,7 +4,7 @@ type Props = { tittel: string; }; -const Dokumenttittel: FunctionComponent = props => { +const Dokumenttittel: FunctionComponent = (props) => { document.title = `${props.tittel} - NAV`; return null; }; diff --git a/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less b/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less index c43cd9e19..313e25410 100644 --- a/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less +++ b/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .howto { &__element { @@ -18,7 +18,7 @@ } } - @media(min-width: 768px) { + @media (min-width: 768px) { &__element { padding: 1rem; } diff --git a/src/komponenter/EkspanderbartPanelRad/IkonTekstRad.tsx b/src/komponenter/EkspanderbartPanelRad/IkonTekstRad.tsx index fa4c78b25..d3157bfc2 100644 --- a/src/komponenter/EkspanderbartPanelRad/IkonTekstRad.tsx +++ b/src/komponenter/EkspanderbartPanelRad/IkonTekstRad.tsx @@ -1,5 +1,5 @@ import BEMHelper from '@/utils/bem'; -import React, {PropsWithChildren} from 'react'; +import React, { PropsWithChildren } from 'react'; import './EkspanderbartPanelRad.less'; import { Heading, HeadingProps, Label } from '@navikt/ds-react'; @@ -8,7 +8,7 @@ interface Props { classname?: string; headerTekst?: { tekst: string; - headingType?: HeadingProps["size"]; + headingType?: HeadingProps['size']; }; } @@ -18,7 +18,11 @@ const IkonTekstRad: React.FunctionComponent> = (props) const { svgIkon, headerTekst, classname, children } = props; let header = null; if (headerTekst?.headingType) { - header = {headerTekst.tekst}; + header = ( + + {headerTekst.tekst} + + ); } else if (headerTekst) { header = ; } diff --git a/src/komponenter/ErrorBoundary.tsx b/src/komponenter/ErrorBoundary.tsx index 0fb897743..65f1b49ee 100644 --- a/src/komponenter/ErrorBoundary.tsx +++ b/src/komponenter/ErrorBoundary.tsx @@ -6,7 +6,8 @@ import VerticalSpacer from './layout/VerticalSpacer'; const ErrorBoundary: FunctionComponent = (props) => { return ( - ( + ( <> Det har oppstått en uventet feil. Forsøk å laste siden på nytt. diff --git a/src/komponenter/Innholdsboks/Innholdsboks.less b/src/komponenter/Innholdsboks/Innholdsboks.less index 5bce9188a..908887aca 100644 --- a/src/komponenter/Innholdsboks/Innholdsboks.less +++ b/src/komponenter/Innholdsboks/Innholdsboks.less @@ -1,43 +1,44 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; -.innholdsboks, .innholdsboks.godkjenning { - margin-bottom: 0.25rem; - background-color: white; - border-radius: 4px; +.innholdsboks, +.innholdsboks.godkjenning { + margin-bottom: 0.25rem; + background-color: white; + border-radius: 4px; - &__innhold { - padding: 1.25rem; - } + &__innhold { + padding: 1.25rem; + } - &:last-child { - margin-bottom: 0; - } + &:last-child { + margin-bottom: 0; + } - .veilederpanel-med-ikon { - .nav-veilederpanel.nav-veilederpanel--kompakt.nav-veilederpanel--plakat { - padding: 4.25rem 1rem 2rem 0.75rem; + .veilederpanel-med-ikon { + .nav-veilederpanel.nav-veilederpanel--kompakt.nav-veilederpanel--plakat { + padding: 4.25rem 1rem 2rem 0.75rem; + } } - } - @media (min-width: @screen-sm-min) { - .nav-veilederpanel.nav-veilederpanel--kompakt.nav-veilederpanel--plakat { - padding: 4.25rem 2rem 2rem 2rem; + @media (min-width: @screen-sm-min) { + .nav-veilederpanel.nav-veilederpanel--kompakt.nav-veilederpanel--plakat { + padding: 4.25rem 2rem 2rem 2rem; + } } - } } .avtaleside__ekspanderbart-panel .ekspanderbartPanel__innhold { - padding: 0; + padding: 0; } @media (min-width: @screen-sm-min) { - .innholdsboks__innhold { - padding: 2rem 0.75rem; - } + .innholdsboks__innhold { + padding: 2rem 0.75rem; + } } @media (min-width: @screen-md-min) { - .innholdsboks__innhold { - padding: 2rem; - } + .innholdsboks__innhold { + padding: 2rem; + } } diff --git a/src/komponenter/Innholdsboks/Innholdsboks.tsx b/src/komponenter/Innholdsboks/Innholdsboks.tsx index 15cdb50a8..26e93f688 100644 --- a/src/komponenter/Innholdsboks/Innholdsboks.tsx +++ b/src/komponenter/Innholdsboks/Innholdsboks.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import './Innholdsboks.less'; import classnames from 'classnames'; import UtfyllerBanner from './UfyllerBanner/UfyllerBanner'; -import {PropsWithChildren} from "react"; +import { PropsWithChildren } from 'react'; type Utfyller = 'arbeidsgiver' | 'veileder' | 'veileder_og_arbeidsgiver' | undefined; diff --git a/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less b/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less index 4c571b694..05eda21b0 100644 --- a/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less +++ b/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less @@ -1,4 +1,4 @@ -@import (reference) "../../../tiltak_variabler.less"; +@import (reference) '../../../tiltak_variabler.less'; .utfyllerBanner { display: flex; diff --git a/src/komponenter/KnappMedIkon/KnappMedIkon.less b/src/komponenter/KnappMedIkon/KnappMedIkon.less index 8d6e8861b..e713995cb 100644 --- a/src/komponenter/KnappMedIkon/KnappMedIkon.less +++ b/src/komponenter/KnappMedIkon/KnappMedIkon.less @@ -1,4 +1,3 @@ - .panel-focus-mixin() { &:focus, &--focus { @@ -23,7 +22,7 @@ } &__backgroundColor { background-color: unset; - color: #0067c5 //@navBla; + color: #0067c5 //@navBla;; } &:hover { diff --git a/src/komponenter/KnappMedIkon/KnappMedIkon.tsx b/src/komponenter/KnappMedIkon/KnappMedIkon.tsx index 67ace2d1d..73ac6fb96 100644 --- a/src/komponenter/KnappMedIkon/KnappMedIkon.tsx +++ b/src/komponenter/KnappMedIkon/KnappMedIkon.tsx @@ -24,7 +24,7 @@ const ikoner = { const KnappMedIkon = (props: Props) => { const Ikon = ikoner[props.ikonType]; - + return ( ); -} +}; export default KnappMedIkon; diff --git a/src/komponenter/LesMerPanel/InfoToggler/infoToggler.less b/src/komponenter/LesMerPanel/InfoToggler/infoToggler.less index f2f1e60c2..84e0fdce9 100644 --- a/src/komponenter/LesMerPanel/InfoToggler/infoToggler.less +++ b/src/komponenter/LesMerPanel/InfoToggler/infoToggler.less @@ -1,4 +1,4 @@ -@import (reference) "../../../tiltak_variabler.less"; +@import (reference) '../../../tiltak_variabler.less'; .infoToggler { border: none; diff --git a/src/komponenter/LesMerPanel/LesMerPanel.less b/src/komponenter/LesMerPanel/LesMerPanel.less index 57fb5733f..737af9d27 100644 --- a/src/komponenter/LesMerPanel/LesMerPanel.less +++ b/src/komponenter/LesMerPanel/LesMerPanel.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .les-mer-panel { display: flex; diff --git a/src/komponenter/LesMerPanel/LesMerPanel.tsx b/src/komponenter/LesMerPanel/LesMerPanel.tsx index 3d760613d..851e271f6 100644 --- a/src/komponenter/LesMerPanel/LesMerPanel.tsx +++ b/src/komponenter/LesMerPanel/LesMerPanel.tsx @@ -1,5 +1,5 @@ import classNames from 'classnames'; -import React, { useState ,PropsWithChildren} from 'react'; +import React, { useState, PropsWithChildren } from 'react'; import { Collapse } from 'react-collapse'; import InfoToggler from './InfoToggler/InfoToggler'; import './LesMerPanel.less'; @@ -11,8 +11,13 @@ interface Props { onÅpne?: () => void; } -const LesMerPanel: React.FunctionComponent> = - ({ åpneLabel, lukkLabel, children, className, onÅpne }) => { +const LesMerPanel: React.FunctionComponent> = ({ + åpneLabel, + lukkLabel, + children, + className, + onÅpne, +}) => { const [åpen, setÅpenState] = useState(false); const setÅpen = (skalÅpnes: boolean) => { diff --git a/src/komponenter/NavGrid/lib/column.js b/src/komponenter/NavGrid/lib/column.js index 9b5b03d3d..d695a0046 100644 --- a/src/komponenter/NavGrid/lib/column.js +++ b/src/komponenter/NavGrid/lib/column.js @@ -71,7 +71,7 @@ class Column extends React.Component { return React.createElement( 'div', Object.assign({ className: cls(className, xs, sm, md, lg) }, props), - children + children, ); } } diff --git a/src/komponenter/NavGrid/navGrid.css b/src/komponenter/NavGrid/navGrid.css index 673480af4..30be77aa5 100644 --- a/src/komponenter/NavGrid/navGrid.css +++ b/src/komponenter/NavGrid/navGrid.css @@ -21,7 +21,7 @@ GRID } .container::before, .container::after { - content: " "; + content: ' '; display: table; } .container::after { @@ -53,7 +53,7 @@ GRID } .container-fluid::before, .container-fluid::after { - content: " "; + content: ' '; display: table; } .container-fluid::after { @@ -68,7 +68,7 @@ GRID } .row::before, .row::after { - content: " "; + content: ' '; display: table; } .row::after { diff --git a/src/komponenter/NyttIAppen/Nytt.tsx b/src/komponenter/NyttIAppen/Nytt.tsx index d17cb7ba6..0853682fa 100644 --- a/src/komponenter/NyttIAppen/Nytt.tsx +++ b/src/komponenter/NyttIAppen/Nytt.tsx @@ -34,7 +34,7 @@ const Nytt: FunctionComponent = (props: PropsWithChildren) => { const [antallUlesteNyheter, antallUlesteVedSidelast, markerSomLest] = useAntallUlesteNyheter( nyheter, - onFørsteBesøk + onFørsteBesøk, ); const toggleNyheter = (): void => { diff --git a/src/komponenter/NyttIAppen/nyheter.tsx b/src/komponenter/NyttIAppen/nyheter.tsx index 772aba84b..2ad4d3ff7 100644 --- a/src/komponenter/NyttIAppen/nyheter.tsx +++ b/src/komponenter/NyttIAppen/nyheter.tsx @@ -11,11 +11,11 @@ const nyheter = [ innhold: ( <>

    - URL-en er oppdatert i Modia-dekoratøren, men hvis du har lagret Tiltaksgjennomføring som bokmerke må du huske å oppdatere denne. - Den gamle URL-en fungerer ikke lenger. + URL-en er oppdatert i Modia-dekoratøren, men hvis du har lagret Tiltaksgjennomføring som bokmerke må + du huske å oppdatere denne. Den gamle URL-en fungerer ikke lenger.

    - ) + ), }, { dato: tilDato(1, 9, 2022), diff --git a/src/komponenter/Varsel/Varsel.less b/src/komponenter/Varsel/Varsel.less index 95ae4e0ea..4883d8eff 100644 --- a/src/komponenter/Varsel/Varsel.less +++ b/src/komponenter/Varsel/Varsel.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .varsel { .alertstripe__tekst { diff --git a/src/komponenter/Varsel/VarselKomponent.tsx b/src/komponenter/Varsel/VarselKomponent.tsx index 67bacdf00..69e73664c 100644 --- a/src/komponenter/Varsel/VarselKomponent.tsx +++ b/src/komponenter/Varsel/VarselKomponent.tsx @@ -3,7 +3,7 @@ import classNames from 'classnames'; import { Close } from '@navikt/ds-icons'; import * as React from 'react'; import './Varsel.less'; -import {PropsWithChildren} from "react"; +import { PropsWithChildren } from 'react'; interface Props { timeout?: number; diff --git a/src/komponenter/Veilederpanel/VeilederpanelMedIkon.less b/src/komponenter/Veilederpanel/VeilederpanelMedIkon.less index d1d1a887c..d9f56f5c0 100644 --- a/src/komponenter/Veilederpanel/VeilederpanelMedIkon.less +++ b/src/komponenter/Veilederpanel/VeilederpanelMedIkon.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .veilederpanel-med-ikon { margin-bottom: 1rem; diff --git a/src/komponenter/VisueltDisabledInputFelt/VisueltDisabledInputFelt.tsx b/src/komponenter/VisueltDisabledInputFelt/VisueltDisabledInputFelt.tsx index 24a6ca8d5..f5e34fbc7 100644 --- a/src/komponenter/VisueltDisabledInputFelt/VisueltDisabledInputFelt.tsx +++ b/src/komponenter/VisueltDisabledInputFelt/VisueltDisabledInputFelt.tsx @@ -8,7 +8,7 @@ interface Props { } const VisueltDisabledInputFelt: FunctionComponent = ({ label, tekst }) => ( - + ); export default VisueltDisabledInputFelt; diff --git a/src/komponenter/alleredeOpprettetTiltak/advarsel/AlleredeOpprettetAvtaleAdvarsel.tsx b/src/komponenter/alleredeOpprettetTiltak/advarsel/AlleredeOpprettetAvtaleAdvarsel.tsx index 6e204004c..d34552302 100644 --- a/src/komponenter/alleredeOpprettetTiltak/advarsel/AlleredeOpprettetAvtaleAdvarsel.tsx +++ b/src/komponenter/alleredeOpprettetTiltak/advarsel/AlleredeOpprettetAvtaleAdvarsel.tsx @@ -21,11 +21,11 @@ const AlleredeOpprettetAvtaleAdvarsel: React.FC = ({ alleredeRegistrertAv (avtale) => sjekkStatus(avtale, 'MANGLER_GODKJENNING') || sjekkStatus(avtale, 'MANGLER_SIGNATUR') || - sjekkStatus(avtale, 'PÅBEGYNT') + sjekkStatus(avtale, 'PÅBEGYNT'), ); const avtalerSomErIverksatt = alleredeRegistrertAvtale.filter( - ({ status }) => status === 'KLAR_FOR_OPPSTART' || status === 'GJENNOMFØRES' + ({ status }) => status === 'KLAR_FOR_OPPSTART' || status === 'GJENNOMFØRES', ); if (avtalerSomIkkeErIverksatt.length <= 0 && avtalerSomErIverksatt.length <= 0) return null; diff --git a/src/komponenter/alleredeOpprettetTiltak/advarsel/alleredeOpprettetAvtaleAdvarsel.less b/src/komponenter/alleredeOpprettetTiltak/advarsel/alleredeOpprettetAvtaleAdvarsel.less index f4686eea6..28b3d5393 100644 --- a/src/komponenter/alleredeOpprettetTiltak/advarsel/alleredeOpprettetAvtaleAdvarsel.less +++ b/src/komponenter/alleredeOpprettetTiltak/advarsel/alleredeOpprettetAvtaleAdvarsel.less @@ -1,20 +1,20 @@ .alleredeOpprettetAvtaleAdvarsel { - & > .alertstripe.alertstripe--advarsel > .typo-normal.alertstripe__tekst > ul { - margin: 0.25rem 0; - } + & > .alertstripe.alertstripe--advarsel > .typo-normal.alertstripe__tekst > ul { + margin: 0.25rem 0; + } - &__list-element { - margin-bottom: 0.5rem; - list-style-type: inherit; - list-style-position: outside; + &__list-element { + margin-bottom: 0.5rem; + list-style-type: inherit; + list-style-position: outside; - & > .alleredeOpprettetAvtaleAdvarsel__list-element-content > svg { - margin-left: 0.25rem; + & > .alleredeOpprettetAvtaleAdvarsel__list-element-content > svg { + margin-left: 0.25rem; + } + } + &__list-element-content { + display: flex; + justify-content: flex-start; + align-items: center; } - } - &__list-element-content { - display: flex; - justify-content: flex-start; - align-items: center; - } } diff --git a/src/komponenter/alleredeOpprettetTiltak/api/alleredeUtils.ts b/src/komponenter/alleredeOpprettetTiltak/api/alleredeUtils.ts index 4a87ea856..b9caef57a 100644 --- a/src/komponenter/alleredeOpprettetTiltak/api/alleredeUtils.ts +++ b/src/komponenter/alleredeOpprettetTiltak/api/alleredeUtils.ts @@ -36,7 +36,7 @@ export const endrePathAlleredeOpprettet = ( pathnameList: string[], path: Path, alleredeOpprettet: AlleredeOpprettetInfo, - setAlleredeOpprettet: Dispatch> + setAlleredeOpprettet: Dispatch>, ) => { if (pathnameList.includes(path)) { if (alleredeOpprettet.steg !== path) { @@ -85,7 +85,7 @@ export const fetchdata = async ({ tiltakstype, id, startDato ?? null, - sluttDato ?? null + sluttDato ?? null, ); if (listeAvtalerDeltakerAlleredeRegistrert.length > 0) { setAlleredeRegistrertAvtale({ diff --git a/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/AlleredeOpprettetAvtale.tsx b/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/AlleredeOpprettetAvtale.tsx index eeec01d65..64809f8ae 100644 --- a/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/AlleredeOpprettetAvtale.tsx +++ b/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/AlleredeOpprettetAvtale.tsx @@ -35,7 +35,7 @@ const AlleredeOpprettetAvtale: React.FC = ({ alleredeRegistrertAvtale })
    ); - } + }, )}
    diff --git a/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/GodkjenningsInnhold.tsx b/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/GodkjenningsInnhold.tsx index 2cb996f0c..c8994aac6 100644 --- a/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/GodkjenningsInnhold.tsx +++ b/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/GodkjenningsInnhold.tsx @@ -1,4 +1,4 @@ -import React, {PropsWithChildren} from 'react'; +import React, { PropsWithChildren } from 'react'; import AlleredeOpprettetAvtale from '@/komponenter/alleredeOpprettetTiltak/innholdsvisning/AlleredeOpprettetAvtale'; import BEMHelper from '@/utils/bem'; import { AlleredeRegistrertAvtale } from '@/types/avtale'; diff --git a/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/alleredeOpprettetAvtale.less b/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/alleredeOpprettetAvtale.less index 980322f56..130671e42 100644 --- a/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/alleredeOpprettetAvtale.less +++ b/src/komponenter/alleredeOpprettetTiltak/innholdsvisning/alleredeOpprettetAvtale.less @@ -1,112 +1,114 @@ .alleredeOpprettetAvtale { - display: flex; - justify-content: center; - padding: 0 2rem; - - &__info { - display: inline-block; - margin: 1.5rem 0; - } - - &__periode-wrapper { - & > div:nth-child(1) { - color: #00347D; - } - } + display: flex; + justify-content: center; + padding: 0 2rem; - &__avtale { - margin-left: 4rem; - padding: 0 3rem 1.75rem 2rem; - position: relative; - border-left: 1px dashed #00347D; - background-color: white; + &__info { + display: inline-block; + margin: 1.5rem 0; + } - &:last-child { - padding-bottom: 0.25rem; + &__periode-wrapper { + & > div:nth-child(1) { + color: #00347d; + } } - &::before { - position: absolute; - left: -12.5px; - top: -4px; - content: ""; - border: 1px solid #00347D; - border-radius: 50%; - background: #99C3FF; - height: 1.5rem; - width: 1.5rem; - transition: all 500ms ease-in-out; + &__avtale { + margin-left: 4rem; + padding: 0 3rem 1.75rem 2rem; + position: relative; + border-left: 1px dashed #00347d; + background-color: white; + + &:last-child { + padding-bottom: 0.25rem; + } + + &::before { + position: absolute; + left: -12.5px; + top: -4px; + content: ''; + border: 1px solid #00347d; + border-radius: 50%; + background: #99c3ff; + height: 1.5rem; + width: 1.5rem; + transition: all 500ms ease-in-out; + } } - } - &__rad-element { - display: flex; + &__rad-element { + display: flex; + + & > p:nth-child(1) { + margin-right: 0.375rem; + } + } - & > p:nth-child(1) { - margin-right: 0.375rem; + &__info-not-bold { + font-weight: 400 !important; } - } - &__info-not-bold { - font-weight: 400 !important; - } + &__avtale-detaljer { + margin: 0.375rem 0 0.125rem 0; + } - &__avtale-detaljer { - margin: 0.375rem 0 0.125rem 0; - } + &__lenke-detaljer { + text-decoration: none; - &__lenke-detaljer { - text-decoration: none; + &:focus, + &:active { + background-color: white !important; + color: #0067c5 !important; + box-shadow: none !important; + } - &:focus, &:active { - background-color: white !important; - color: #0067c5 !important; - box-shadow: none !important; - } + &:hover { + text-decoration: underline; + } - &:hover { - text-decoration: underline; + & > span:nth-child(1) { + margin-right: 0.75rem; + } } - & > span:nth-child(1) { - margin-right: 0.75rem; + &__lenke-detaljer-wrapper { + display: flex; } - } - &__lenke-detaljer-wrapper { - display: flex; - } + &__chevron-detaljer { + padding: 0.25rem 0 0 0.375rem; - &__chevron-detaljer { - padding: 0.25rem 0 0 0.375rem; + &--open > svg, + &--close > svg { + transition: all 0.5s ease; + } - &--open > svg, &--close > svg { - transition: all 0.5s ease; + &--open > svg { + transform: rotateX(-180deg); + } } - &--open > svg { - transform: rotateX(-180deg); - } - } + &__detalje-innhold-wrapper { + transition: all 0.5s ease; - &__detalje-innhold-wrapper { - transition: all 0.5s ease; + &--close { + overflow-y: hidden; + max-height: 0; + } - &--close { - overflow-y: hidden; - max-height: 0; + &--open { + max-height: 20rem; + } } - &--open { - max-height: 20rem; + &__detalje-innhold { + transition: all 0.3s ease; + margin: 0.75rem 0; + border: 1px solid #99c3ff; + border-radius: 4px; + padding: 1.25rem 1.5rem 1.5rem 0.5rem; } - } - - &__detalje-innhold { - transition: all 0.3s ease; - margin: 0.75rem 0; - border: 1px solid #99c3ff; - border-radius: 4px; - padding: 1.25rem 1.5rem 1.5rem 0.5rem; - } } diff --git a/src/komponenter/alleredeOpprettetTiltak/modal/AlleredeOpprettetAvtaleModal.tsx b/src/komponenter/alleredeOpprettetTiltak/modal/AlleredeOpprettetAvtaleModal.tsx index 2b71c7af8..72d93a241 100644 --- a/src/komponenter/alleredeOpprettetTiltak/modal/AlleredeOpprettetAvtaleModal.tsx +++ b/src/komponenter/alleredeOpprettetTiltak/modal/AlleredeOpprettetAvtaleModal.tsx @@ -1,4 +1,4 @@ -import React, {CSSProperties, Dispatch, PropsWithChildren, SetStateAction} from 'react'; +import React, { CSSProperties, Dispatch, PropsWithChildren, SetStateAction } from 'react'; import { Modal } from '@navikt/ds-react'; import VarselTegnForModal from '@/komponenter/modal/VarselTegnForModal'; import BEMHelper from '@/utils/bem'; @@ -10,7 +10,12 @@ interface Props { style?: CSSProperties; } -const AlleredeOpprettetAvtaleModal: React.FC> = ({ modalIsOpen, setModalIsOpen, style, children }) => { +const AlleredeOpprettetAvtaleModal: React.FC> = ({ + modalIsOpen, + setModalIsOpen, + style, + children, +}) => { const cls = BEMHelper('alleredeOpprettetAvtaleModal'); /* diff --git a/src/komponenter/alleredeOpprettetTiltak/modal/alleredeOpprettetAvtaleModal.less b/src/komponenter/alleredeOpprettetTiltak/modal/alleredeOpprettetAvtaleModal.less index cb5780a84..d937d0441 100644 --- a/src/komponenter/alleredeOpprettetTiltak/modal/alleredeOpprettetAvtaleModal.less +++ b/src/komponenter/alleredeOpprettetTiltak/modal/alleredeOpprettetAvtaleModal.less @@ -1,44 +1,44 @@ -@import (reference) "../../../tiltak_variabler.less"; +@import (reference) '../../../tiltak_variabler.less'; .alleredeOpprettetAvtaleModal { - &__modal-container { - padding: 1rem 1rem; - max-width: @screen-lg; - min-width: 20rem; - overflow: visible; - } - &__tittel { - margin: 0.25rem 0.75rem 1rem 1.75rem; - text-align: center; - } + &__modal-container { + padding: 1rem 1rem; + max-width: @screen-lg; + min-width: 20rem; + overflow: visible; + } + &__tittel { + margin: 0.25rem 0.75rem 1rem 1.75rem; + text-align: center; + } - &__ingress { - padding: 0 0.75rem 0.75rem 1.75rem; - & > p { - display: flex; - justify-content: center; + &__ingress { + padding: 0 0.75rem 0.75rem 1.75rem; + & > p { + display: flex; + justify-content: center; + } } - } - &__body { - margin-top: 0.75rem; - overflow-y: auto; - max-height: calc(100vh - 150px); - display: flex; - flex-direction: column; - padding: 0 0 1rem 0; + &__body { + margin-top: 0.75rem; + overflow-y: auto; + max-height: calc(100vh - 150px); + display: flex; + flex-direction: column; + padding: 0 0 1rem 0; - .innhold { - margin-bottom: 1.5rem; + .innhold { + margin-bottom: 1.5rem; + } } - } - &__topIconContainer { - display: flex; - justify-content: center; - margin: -3.3rem auto 0 auto; - @media (max-height: 710px) { - display: none; + &__topIconContainer { + display: flex; + justify-content: center; + margin: -3.3rem auto 0 auto; + @media (max-height: 710px) { + display: none; + } } - } } diff --git a/src/komponenter/brukerdialog/BrukerDialog.tsx b/src/komponenter/brukerdialog/BrukerDialog.tsx index 778585038..2c84128b4 100644 --- a/src/komponenter/brukerdialog/BrukerDialog.tsx +++ b/src/komponenter/brukerdialog/BrukerDialog.tsx @@ -56,7 +56,7 @@ const BrukerDialog: React.FC = () => { } > - Skriv og les meldinger om avtalen her + Skriv og les meldinger om avtalen her
    diff --git a/src/komponenter/brukerdialog/Dialog.tsx b/src/komponenter/brukerdialog/Dialog.tsx index dbedbfa26..c23f12310 100644 --- a/src/komponenter/brukerdialog/Dialog.tsx +++ b/src/komponenter/brukerdialog/Dialog.tsx @@ -12,7 +12,7 @@ const Dialog: React.FC = (props) => { const [visningAvSalesforceDialog, setVisningAvSalesforceDialog] = useState(false); useEffect(() => { hentAvtaleVisSalesforceDialog(props.id).then((response) => { - setVisningAvSalesforceDialog(response) + setVisningAvSalesforceDialog(response); }); }, [props.id]); diff --git a/src/komponenter/brukerdialog/brukerDialog.less b/src/komponenter/brukerdialog/brukerDialog.less index 3878c44a9..c7113dcda 100644 --- a/src/komponenter/brukerdialog/brukerDialog.less +++ b/src/komponenter/brukerdialog/brukerDialog.less @@ -1,96 +1,95 @@ .bruker-dialog { - @media(min-width:992px){ - margin-left: 0.5rem; - margin-top: 15.3rem; - } - + @media (min-width: 992px) { + margin-left: 0.5rem; + margin-top: 15.3rem; + } - &__container { - box-shadow: 0 1px 4px rgba(0, 0, 0, .16); - padding: 0.75rem; - width: 100%; - background-color: #fff; - border-radius: 4px; - cursor: pointer; - margin: 0.5rem 0; - border: none; - transform: rotateX(0deg); - overflow: hidden; + &__container { + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); + padding: 0.75rem; + width: 100%; + background-color: #fff; + border-radius: 4px; + cursor: pointer; + margin: 0.5rem 0; + border: none; + transform: rotateX(0deg); + overflow: hidden; - &:hover { - background-color: #ffd799; + &:hover { + background-color: #ffd799; + } } - } - &__wrapper { - display: flex; - flex-direction: row; - align-content: center; - } - - &__illustrasjon { - display: flex; - align-content: center; - margin-bottom: 0.375rem; - justify-content: center; - } + &__wrapper { + display: flex; + flex-direction: row; + align-content: center; + } - &__tittel { - display: flex; - align-items: center; - padding: 0 1rem 0 0.75rem; - } + &__illustrasjon { + display: flex; + align-content: center; + margin-bottom: 0.375rem; + justify-content: center; + } - &__tittel-lenke { - font-weight: 600; - text-decoration: underline; - color: #262626; - margin: 0; - font-family: "Source Sans Pro",Arial,sans-serif; - flex-direction: column; - align-items: flex-start; - } + &__tittel { + display: flex; + align-items: center; + padding: 0 1rem 0 0.75rem; + } - &:hover { - .chat { - &__sirkler-bakgrunn { + &__tittel-lenke { + font-weight: 600; + text-decoration: underline; color: #262626; - } + margin: 0; + font-family: 'Source Sans Pro', Arial, sans-serif; + flex-direction: column; + align-items: flex-start; + } + + &:hover { + .chat { + &__sirkler-bakgrunn { + color: #262626; + } - &__venstre-sirkel { - transform: matrix(1, 0, 0, 1, 14.566, 47.746); - } + &__venstre-sirkel { + transform: matrix(1, 0, 0, 1, 14.566, 47.746); + } - &__hoyre-sirkel { - transform: matrix(1, 0, 0, 1, 81.934, -18.177); - } + &__hoyre-sirkel { + transform: matrix(1, 0, 0, 1, 81.934, -18.177); + } - &__chat-venstre { - transform: matrix(1, 0, 0, 1, 12.349, 29.349); - } + &__chat-venstre { + transform: matrix(1, 0, 0, 1, 12.349, 29.349); + } - &__chat-hoyre { - transform: matrix(1, 0, 0, 1, 44.35, 10.551); - } - } + &__chat-hoyre { + transform: matrix(1, 0, 0, 1, 44.35, 10.551); + } + } - .bruker-dialog__tittel-lenke { - text-decoration: none; + .bruker-dialog__tittel-lenke { + text-decoration: none; + } } - } } span.ripple { - position: absolute; - border-radius: 50%; - transform: scale(0); - animation: ripple 600ms linear; - background-color: rgba(255, 255, 255, 0.7); + position: absolute; + border-radius: 50%; + transform: scale(0); + animation: ripple 600ms linear; + background-color: rgba(255, 255, 255, 0.7); } @keyframes ripple { - to { - transform: scale(4); - opacity: 0; - } + to { + transform: scale(4); + opacity: 0; + } } diff --git a/src/komponenter/brukerdialog/chat-animasjon/chat.less b/src/komponenter/brukerdialog/chat-animasjon/chat.less index 6340ec7ed..82693fd31 100644 --- a/src/komponenter/brukerdialog/chat-animasjon/chat.less +++ b/src/komponenter/brukerdialog/chat-animasjon/chat.less @@ -1,22 +1,27 @@ .chat { - width: 3rem; - height: 3rem; - transform: translate3d(0px, 0px, 0px); - content-visibility: visible; - transition: all 1s ease-in-out; + width: 3rem; + height: 3rem; + transform: translate3d(0px, 0px, 0px); + content-visibility: visible; + transition: all 1s ease-in-out; - &:hover { - &__sirkler-bakgrunn { - transform: matrix(1, 0, 0, 1, -0.25, 33.75); + &:hover { + &__sirkler-bakgrunn { + transform: matrix(1, 0, 0, 1, -0.25, 33.75); + } } - } - &__venstre-sirkel, &__hoyre-sirkel, &__midt-sirkel { - color: rgb(255,236,204); - } + &__venstre-sirkel, + &__hoyre-sirkel, + &__midt-sirkel { + color: rgb(255, 236, 204); + } - &__venstre-sirkel, &__hoyre-sirkel, &__chat-venstre, &__chat-hoyre { - transition: all 0.3s ease-in-out; - display: block; - } + &__venstre-sirkel, + &__hoyre-sirkel, + &__chat-venstre, + &__chat-hoyre { + transition: all 0.3s ease-in-out; + display: block; + } } diff --git a/src/komponenter/datovelger/Datovelger.tsx b/src/komponenter/datovelger/Datovelger.tsx index 1873d0b1d..cf2975999 100644 --- a/src/komponenter/datovelger/Datovelger.tsx +++ b/src/komponenter/datovelger/Datovelger.tsx @@ -19,7 +19,7 @@ const Datovelger: FunctionComponent = ({ label, datoFelt }: PropsWithChil const [feilmeldingTekst, setFeilmeldingTekst] = useState(); const feilmelding = (val: DateValidationT | undefined, nedreGrensese: string, øvreGrense: string) => { - if(val){ + if (val) { if (!val.isValidDate) { if (erStartdato) { if (val.isBefore) { @@ -44,11 +44,10 @@ const Datovelger: FunctionComponent = ({ label, datoFelt }: PropsWithChil setHasError(!val.isValidDate); } } - } - else{ + } else { setHasError(false); } - } + } }; const { datepickerProps, inputProps } = useDatepicker({ @@ -62,14 +61,18 @@ const Datovelger: FunctionComponent = ({ label, datoFelt }: PropsWithChil }); }, onValidate: (val) => { - feilmelding(val, formatterDatoHvisDefinert(datepickerProps.fromDate?.toDateString()),formatterDatoHvisDefinert(datepickerProps.toDate?.toDateString())); + feilmelding( + val, + formatterDatoHvisDefinert(datepickerProps.fromDate?.toDateString()), + formatterDatoHvisDefinert(datepickerProps.toDate?.toDateString()), + ); }, }); return (
    - + = ( - props: PropsWithChildren + props: PropsWithChildren, ) => { const { value, validatorer, toFormatted, onChange, maxLength, max, ...other } = props; const [tallVerdi, setVerdi] = React.useState(value); diff --git a/src/komponenter/form/SkjemaTittel.less b/src/komponenter/form/SkjemaTittel.less index 7006bb61f..ac11ef5a8 100644 --- a/src/komponenter/form/SkjemaTittel.less +++ b/src/komponenter/form/SkjemaTittel.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .skjema-tittel { margin-bottom: 1rem; diff --git a/src/komponenter/form/henteKontornummer/hentekontonummer.less b/src/komponenter/form/henteKontornummer/hentekontonummer.less index ee9c08691..3780e54c1 100644 --- a/src/komponenter/form/henteKontornummer/hentekontonummer.less +++ b/src/komponenter/form/henteKontornummer/hentekontonummer.less @@ -1,16 +1,16 @@ .kontonummer { - margin-top: 0.5rem; + margin-top: 0.5rem; - &__kontonummer-info { - margin-bottom: 0.5rem; - } + &__kontonummer-info { + margin-bottom: 0.5rem; + } - &__kontonummer-visning { - display: flex; + &__kontonummer-visning { + display: flex; - & > span { - margin-right: 0.5rem; - margin-bottom: 0.5rem; + & > span { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } } - } } diff --git a/src/komponenter/kort/KortKnapper.less b/src/komponenter/kort/KortKnapper.less index b6c00db87..b98e4de9a 100644 --- a/src/komponenter/kort/KortKnapper.less +++ b/src/komponenter/kort/KortKnapper.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .kort-knapper { display: flex; diff --git a/src/komponenter/kort/KortKnapper.tsx b/src/komponenter/kort/KortKnapper.tsx index 0e5df6665..32240035c 100644 --- a/src/komponenter/kort/KortKnapper.tsx +++ b/src/komponenter/kort/KortKnapper.tsx @@ -2,7 +2,7 @@ import React from 'react'; import './KortKnapper.less'; // Ny kategori "typografi" ? -const KortKnapper: React.FunctionComponent = props => { +const KortKnapper: React.FunctionComponent = (props) => { const { children, ...other } = props; return (
    diff --git a/src/komponenter/lagreOgAvbrytKnapp/lagreOgAvbrytKnapp.less b/src/komponenter/lagreOgAvbrytKnapp/lagreOgAvbrytKnapp.less index 28a14799d..00589a045 100644 --- a/src/komponenter/lagreOgAvbrytKnapp/lagreOgAvbrytKnapp.less +++ b/src/komponenter/lagreOgAvbrytKnapp/lagreOgAvbrytKnapp.less @@ -1,18 +1,18 @@ .lagre-og-avbryt-knapp { - display: flex; - flex-direction: column; - align-items: center; - - &__container { display: flex; - max-width: max-content; - justify-content: center; + flex-direction: column; + align-items: center; + + &__container { + display: flex; + max-width: max-content; + justify-content: center; - & > button:nth-child(1) { - margin-right: 0.5rem; + & > button:nth-child(1) { + margin-right: 0.5rem; + } + } + &__alert { + margin: 1rem 0; } - } - &__alert { - margin: 1rem 0; - } } diff --git a/src/komponenter/lenkeknapp/lenkeknapp.less b/src/komponenter/lenkeknapp/lenkeknapp.less index fa60af65d..213d2911b 100644 --- a/src/komponenter/lenkeknapp/lenkeknapp.less +++ b/src/komponenter/lenkeknapp/lenkeknapp.less @@ -1,5 +1,5 @@ .lenke-knapp { - @media(min-width: 1168px) { - width: 100%; - } + @media (min-width: 1168px) { + width: 100%; + } } diff --git a/src/komponenter/modal/AnnullerAvtaleModal.tsx b/src/komponenter/modal/AnnullerAvtaleModal.tsx index a11924c3b..cc5748569 100644 --- a/src/komponenter/modal/AnnullerAvtaleModal.tsx +++ b/src/komponenter/modal/AnnullerAvtaleModal.tsx @@ -51,40 +51,40 @@ const AnnullerAvtaleModal: FunctionComponent = (props) => { Annullering brukes for tilfeller der tiltaket aldri ble noe av.

    - + Når du annullerer avtalen, blir innholdet låst, og den blir markert som "annullert" i din oversikt. Du kan ikke redigere eller gjenopprette den etterpå. -
    - - - {[ - 'Feilregistrering', - 'Begynt i arbeid', - 'Fått tilbud om annet tiltak', - 'Syk', - 'Ikke møtt', - 'Annet', - ].map((label) => ( - { - setAnnullertGrunn(event.currentTarget.value); - }} - role="menuitemradio" - > - {label} - - ))} - +
    + + + {[ + 'Feilregistrering', + 'Begynt i arbeid', + 'Fått tilbud om annet tiltak', + 'Syk', + 'Ikke møtt', + 'Annet', + ].map((label) => ( + { + setAnnullertGrunn(event.currentTarget.value); + }} + role="menuitemradio" + > + {label} + + ))} +
    {annullertGrunn === 'Annet' && ( = (props) => {
    - + {props.oversiktTekst}
    diff --git a/src/komponenter/modal/OpphevGodkjenningerModal.tsx b/src/komponenter/modal/OpphevGodkjenningerModal.tsx index db87a043c..eabff1930 100644 --- a/src/komponenter/modal/OpphevGodkjenningerModal.tsx +++ b/src/komponenter/modal/OpphevGodkjenningerModal.tsx @@ -17,8 +17,8 @@ const OpphevGodkjenningerModal: FunctionComponent = (props) => { bekreftelseTekst="Ja, opphev godkjenninger" avbrytelseTekst="avbryt" > - En eller flere parter i avtalen har godkjent. Du er nå i ferd med å endre innholdet de har godkjent, og deres - godkjenninger vil bli opphevet. De må da logge seg inn og godkjenne på nytt. + En eller flere parter i avtalen har godkjent. Du er nå i ferd med å endre innholdet de har godkjent, og + deres godkjenninger vil bli opphevet. De må da logge seg inn og godkjenne på nytt.

    Er du sikker på at du vil fortsette?

    ); diff --git a/src/komponenter/modal/VersjonModal.less b/src/komponenter/modal/VersjonModal.less index d2bbd0075..9fe93b03e 100644 --- a/src/komponenter/modal/VersjonModal.less +++ b/src/komponenter/modal/VersjonModal.less @@ -1,4 +1,4 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .versjon { &__modal { diff --git a/src/komponenter/modal/VersjonModal.tsx b/src/komponenter/modal/VersjonModal.tsx index 0aa1a6767..30595eff9 100644 --- a/src/komponenter/modal/VersjonModal.tsx +++ b/src/komponenter/modal/VersjonModal.tsx @@ -35,10 +35,7 @@ const VersjonModal: React.FunctionComponent = (props) => { Versjon {props.avtaleInnhold.versjon} - - - {oppsummeringType[props.tiltakstype]} - + {oppsummeringType[props.tiltakstype]} ); }; diff --git a/src/komponenter/modal/bekreftelseModal.less b/src/komponenter/modal/bekreftelseModal.less index ef13a46c3..1214fbb1f 100644 --- a/src/komponenter/modal/bekreftelseModal.less +++ b/src/komponenter/modal/bekreftelseModal.less @@ -1,101 +1,101 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; @mobile-breakpoint: 768px; @button-height: 46px; .bekreftelseModal { - &__modal-container { - padding: 1rem 1rem; - max-width: @screen-lg; - min-width: 26rem; - overflow: visible; - } - - &__body { - max-height: calc(100vh - 150px); - display: flex; - flex-direction: column; - padding: 0 0 1rem 0; - - .innhold { - margin-bottom: 1.5rem; + &__modal-container { + padding: 1rem 1rem; + max-width: @screen-lg; + min-width: 26rem; + overflow: visible; } - } - &__innhold { - margin: 1.5rem 0 2rem 0; - } + &__body { + max-height: calc(100vh - 150px); + display: flex; + flex-direction: column; + padding: 0 0 1rem 0; - &__tittel { - text-align: center; - padding: 0 1rem 1rem 1rem; - } + .innhold { + margin-bottom: 1.5rem; + } + } - &__varselTekst { - padding: 0 0.5rem; - } + &__innhold { + margin: 1.5rem 0 2rem 0; + } - &__knapp { - &:nth-child(1) { - margin-right: 1rem; + &__tittel { + text-align: center; + padding: 0 1rem 1rem 1rem; } - } - - &__knappRad { - display: flex; - justify-content: flex-end; - margin-bottom: 0.5rem; - } - - &__topIconContainer { - display: flex; - justify-content: center; - margin: -3.8rem auto 0 2.5rem; - @media (max-height: 710px) { - display: none; + + &__varselTekst { + padding: 0 0.5rem; } - } - &__modal-container > div:last-child { - display: flex; - width: calc(100% - 1.5rem); + &__knapp { + &:nth-child(1) { + margin-right: 1rem; + } + } - .knapp { - overflow: hidden; + &__knappRad { + display: flex; + justify-content: flex-end; + margin-bottom: 0.5rem; } - .knapp:not(:last-child) { - margin-bottom: 1rem; + &__topIconContainer { + display: flex; + justify-content: center; + margin: -3.8rem auto 0 2.5rem; + @media (max-height: 710px) { + display: none; + } } - } - @media (min-width: @mobile-breakpoint) { &__modal-container > div:last-child { - display: flex; - align-items: flex-end; + display: flex; + width: calc(100% - 1.5rem); - .knapp:not(:last-child) { - margin-bottom: 0; - margin-right: 1rem; - } - } - - &__modal-container { - min-width: 26rem; + .knapp { + overflow: hidden; + } + + .knapp:not(:last-child) { + margin-bottom: 1rem; + } } - - &__varselTekst { - padding: 0 1.5rem; + + @media (min-width: @mobile-breakpoint) { + &__modal-container > div:last-child { + display: flex; + align-items: flex-end; + + .knapp:not(:last-child) { + margin-bottom: 0; + margin-right: 1rem; + } + } + + &__modal-container { + min-width: 26rem; + } + + &__varselTekst { + padding: 0 1.5rem; + } } - } } .ReactModal__Content, .ReactModal__Content--after-open, .modal { - @media (min-height: 710px) { - &__wrapper { - overflow: visible; + @media (min-height: 710px) { + &__wrapper { + overflow: visible; + } } - } } diff --git a/src/komponenter/navigation/EksternLenke.tsx b/src/komponenter/navigation/EksternLenke.tsx index a3887e511..e94c27bf5 100644 --- a/src/komponenter/navigation/EksternLenke.tsx +++ b/src/komponenter/navigation/EksternLenke.tsx @@ -1,7 +1,7 @@ import TilEkstern from '@/assets/ikoner/ekstern-lenke.svg?react'; import amplitude from '@/utils/amplitude'; import { Link } from '@navikt/ds-react'; -import React, {PropsWithChildren} from 'react'; +import React, { PropsWithChildren } from 'react'; import './EksternLenke.less'; interface EksternLenkeProps { @@ -9,7 +9,7 @@ interface EksternLenkeProps { target?: string; ariaLabel?: string; className?: string; - onClick?: () => void, + onClick?: () => void; } const EksternLenke: React.FunctionComponent> = (props) => { diff --git a/src/komponenter/radiopanel/radioPanel.less b/src/komponenter/radiopanel/radioPanel.less index e1fb4361c..95bbd614a 100644 --- a/src/komponenter/radiopanel/radioPanel.less +++ b/src/komponenter/radiopanel/radioPanel.less @@ -1,42 +1,47 @@ -.radio-panel, radio-panel__active, radio-panel__non-active { - background-color: #fff; - border: 1px solid #6a6a6a; - border-radius: 0.25rem; - display: block; - padding: 0.25rem 1rem 0.25rem 1rem; - position: relative; - font-family: "Source Sans Pro", Arial, sans-serif; - font-size: 1rem; - line-height: 1.375rem; - font-weight: 400; - width: 100%; +.radio-panel, +radio-panel__active, +radio-panel__non-active { + background-color: #fff; + border: 1px solid #6a6a6a; + border-radius: 0.25rem; + display: block; + padding: 0.25rem 1rem 0.25rem 1rem; + position: relative; + font-family: 'Source Sans Pro', Arial, sans-serif; + font-size: 1rem; + line-height: 1.375rem; + font-weight: 400; + width: 100%; - &:nth-child(odd) { - margin-right: 1rem; - } + &:nth-child(odd) { + margin-right: 1rem; + } - &:hover { - border: 1px solid #0067c5; - box-shadow: #a0a0a0 0 2px 1px 0; - cursor: pointer; - } + &:hover { + border: 1px solid #0067c5; + box-shadow: #a0a0a0 0 2px 1px 0; + cursor: pointer; + } - &__active { - background-color: #cce1ff; - border: 1px solid transparent; - } + &__active { + background-color: #cce1ff; + border: 1px solid transparent; + } - &:focus-visible { - outline: rgba(0, 52, 125, 1) solid 1px; - } + &:focus-visible { + outline: rgba(0, 52, 125, 1) solid 1px; + } - .navds-radio__input:checked + .navds-radio__label::before { - border: 2px solid #0067c5; - box-shadow: 0 0 0 3px #fff inset, 0 0 0 12px #0067c5 inset; - border-radius: 50%; - } + .navds-radio__input:checked + .navds-radio__label::before { + border: 2px solid #0067c5; + box-shadow: + 0 0 0 3px #fff inset, + 0 0 0 12px #0067c5 inset; + border-radius: 50%; + } - .navds-checkbox__label, .navds-radio__label { - outline: none !important; - } + .navds-checkbox__label, + .navds-radio__label { + outline: none !important; + } } diff --git a/src/komponenter/radiopanel/radioPanelGruppeHorisontal.less b/src/komponenter/radiopanel/radioPanelGruppeHorisontal.less index 08e31ceed..cd881344a 100644 --- a/src/komponenter/radiopanel/radioPanelGruppeHorisontal.less +++ b/src/komponenter/radiopanel/radioPanelGruppeHorisontal.less @@ -1,26 +1,23 @@ -@import (reference) "../../tiltak_variabler.less"; +@import (reference) '../../tiltak_variabler.less'; .horisontal-radio-gruppe { + @media (min-width: @screen-sm-min) { + &__radio-gruppe { + .navds-radio-buttons { + display: inline-flex; + justify-content: space-between; + .radio-panel { + &:nth-child(odd), + &:nth-child(even) { + margin: 0 0.375rem; + } - - @media (min-width: @screen-sm-min) { - &__radio-gruppe { - .navds-radio-buttons { - display: inline-flex; - justify-content: space-between; - - .radio-panel { - &:nth-child(odd), &:nth-child(even) { - margin: 0 0.375rem; - } - - &:first-child { - margin: 0; - } + &:first-child { + margin: 0; + } + } + } } - - } } - } } diff --git a/src/komponenter/useError.tsx b/src/komponenter/useError.tsx index c1aedf859..567892eb0 100644 --- a/src/komponenter/useError.tsx +++ b/src/komponenter/useError.tsx @@ -4,11 +4,11 @@ import React from 'react'; export const useAsyncError = () => { const [, setError] = React.useState(); return React.useCallback( - (e:any) => { + (e: any) => { setError(() => { throw e; }); }, - [setError] + [setError], ); }; diff --git a/src/komponenter/usePaakrevd.ts b/src/komponenter/usePaakrevd.ts index edcc0121d..c202497f1 100644 --- a/src/komponenter/usePaakrevd.ts +++ b/src/komponenter/usePaakrevd.ts @@ -3,7 +3,7 @@ import { Dispatch, SetStateAction, useState } from 'react'; type UsePaakrevd = ( verdi: string | undefined, label: string, - feilmelding?: string + feilmelding?: string, ) => [string | undefined, Dispatch>, () => boolean]; const usePaakrevd: UsePaakrevd = (verdi, label, feilmelding) => { diff --git a/src/komponenter/useValidering.ts b/src/komponenter/useValidering.ts index 2343154af..6518e7375 100644 --- a/src/komponenter/useValidering.ts +++ b/src/komponenter/useValidering.ts @@ -2,7 +2,7 @@ import { Dispatch, SetStateAction, useState } from 'react'; type UseValidering = ( verdi: T, - validatorer: Array<(verdi: T) => string | undefined> + validatorer: Array<(verdi: T) => string | undefined>, ) => [string | undefined, Dispatch>, () => boolean]; const useValidering: UseValidering = (verdi, validatorer) => { diff --git a/src/messages.ts b/src/messages.ts index 82d5d1ee0..ad8c95576 100644 --- a/src/messages.ts +++ b/src/messages.ts @@ -74,7 +74,7 @@ export const inkluderingstilskuddtypeTekst: { [key in Inkluderingstilskuddsutgif ARBEIDSHJELPEMIDLER: 'd. Arbeidshjelpemidler', PROGRAMVARE: 'e. Programvare', FORSIKRING_LISENS_SERTIFISERING: 'f. Forsikring, lisenser og sertifisering', - OPPLÆRING: 'g. Opplæring' + OPPLÆRING: 'g. Opplæring', }; export const tiltakstypeTekst: { [key in TiltaksType]: string } = { @@ -105,13 +105,13 @@ export const tilskuddsperiodeStatusTekst: { [key in TilskuddPeriodeStatus]: stri AVSLÅTT: 'Avslått', UBEHANDLET: 'Ubehandlet', ANNULLERT: 'Annullert', - BEHANDLET_I_ARENA: 'Behandlet i Arena' + BEHANDLET_I_ARENA: 'Behandlet i Arena', }; export const tilskuddsperiodeRefusjonStatusText: { [key in TilskuddPeriodeRefusjonStatus]: string } = { SENDT_KRAV: 'Refusjon godkjent', - UTBETALT: 'Utbetalt' -} + UTBETALT: 'Utbetalt', +}; export const avtaleStatusTekst: { [key in AvtaleStatus]: string } = { ANNULLERT: 'Annullert', diff --git a/src/mocking/arbeidstrening-avtale-mock.ts b/src/mocking/arbeidstrening-avtale-mock.ts index ab7c27bdb..2a256d499 100644 --- a/src/mocking/arbeidstrening-avtale-mock.ts +++ b/src/mocking/arbeidstrening-avtale-mock.ts @@ -74,7 +74,7 @@ const arbeidstreningAvtaleMock: Avtale = { inkluderingstilskuddsutgift: [], inkluderingstilskuddBegrunnelse: '', inkluderingstilskuddTotalBeløp: 0, - inkluderingstilskuddSats: 149_100 + inkluderingstilskuddSats: 149_100, }, tilskuddPeriode: tilskuddsPeriode, @@ -100,7 +100,7 @@ const arbeidstreningAvtaleMock: Avtale = { godkjentForEtterregistrering: false, erAvtaleInngått: false, - erRyddeAvtale: false + erRyddeAvtale: false, }; export default arbeidstreningAvtaleMock; diff --git a/src/mocking/lonnstilskudd-avtale-mock.ts b/src/mocking/lonnstilskudd-avtale-mock.ts index 3328c7628..ab5be72b3 100644 --- a/src/mocking/lonnstilskudd-avtale-mock.ts +++ b/src/mocking/lonnstilskudd-avtale-mock.ts @@ -21,7 +21,7 @@ const lonnstilskuddAvtaleMock: Avtale = { godkjentPaVegneGrunn: { ikkeBankId: false, reservert: false, - digitalKompetanse: false + digitalKompetanse: false, }, deltakerFnr: '00000000000', @@ -83,7 +83,7 @@ const lonnstilskuddAvtaleMock: Avtale = { godkjentForEtterregistrering: false, erAvtaleInngått: false, - erRyddeAvtale: false + erRyddeAvtale: false, }; export default lonnstilskuddAvtaleMock; diff --git a/src/services/rest-service.ts b/src/services/rest-service.ts index 8498964c1..1527323e4 100644 --- a/src/services/rest-service.ts +++ b/src/services/rest-service.ts @@ -49,7 +49,7 @@ api.interceptors.response.use( if (error.response?.status === 401 || error.response?.status === 403) { sessionStorage.setItem( SIDE_FOER_INNLOGGING, - window.location.pathname.replace(basename, '') + window.location.search + window.location.pathname.replace(basename, '') + window.location.search, ); throw new AutentiseringError('Er ikke logget inn.'); } @@ -57,7 +57,7 @@ api.interceptors.response.use( throw new FeilkodeError(error.response?.headers.feilkode); } throw new ApiError('Feil ved kontakt mot baksystem.'); - } + }, ); const featureTogglePath = (features: Feature[]): string => { @@ -83,7 +83,7 @@ export const hentAvtaleMedAvtaleNr = async (avtaleNr: number): Promise = export const hentAvtaleVisSalesforceDialog = async (id: string): Promise => { const response = await api.get(`/avtaler/${id}/vis-salesforce-dialog`); return response.data; -} +}; const removeEmpty = (obj: any) => { Object.keys(obj).forEach((k) => !obj[k] && delete obj[k]); @@ -94,7 +94,7 @@ export const hentAvtalerForInnloggetBruker = async ( søkekriterier: Filtrering, size: number = 2, page: number = 0, - limit: number = 10000000 + limit: number = 10000000, ): Promise => { // Bedriftsmenyen bruker queryparameter som heter 'bedrift', så må konvertere den til 'bedriftNr' const søkekriterierFiltrert = { @@ -115,7 +115,7 @@ export const hentAvtalerForInnloggetBrukerMedSokId = async ( size: number = 2, page: number = 0, sorteringskolonne: keyof Avtale = 'sistEndret', - sorteringOrder?: string + sorteringOrder?: string, ): Promise => { const queryParam = new URLSearchParams(removeEmpty({ size, page, sokId, sorteringskolonne, sorteringOrder })); const response = await api.get(`/avtaler/sok?${queryParam}`); @@ -126,10 +126,12 @@ export const hentAvtalerForInnloggetBrukerMedPost = async ( søkekriterier: Filtrering, size: number = 2, page: number = 0, - sorteringOrder: string = 'DESC' + sorteringOrder: string = 'DESC', ): Promise => { const postBody = removeEmpty(søkekriterier); - const queryParam = new URLSearchParams(removeEmpty({page, size, sorteringskolonne: søkekriterier.sorteringskolonne, sorteringOrder })); + const queryParam = new URLSearchParams( + removeEmpty({ page, size, sorteringskolonne: søkekriterier.sorteringskolonne, sorteringOrder }), + ); const response = await api.post(`/avtaler/sok?${queryParam}`, postBody); return response.data; }; @@ -137,7 +139,7 @@ export const hentAvtalerForInnloggetBrukerMedPost = async ( export const hentAvtalerForInnloggetBeslutter = async ( søkekriterier: Filtrering, size: number = 2, - page: number = 0 + page: number = 0, ): Promise => { // Bedriftsmenyen bruker queryparameter som heter 'bedrift', så må konvertere den til 'bedriftNr' const søkekriterierFiltrert = { @@ -159,7 +161,7 @@ export const lagreAvtale = async (avtale: Avtale): Promise => { if ( window.confirm( 'En av partene i avtalen har godkjent. ' + - 'Ved å lagre endringer oppheves godkjenningene. Ønsker du å fortsette?' + 'Ved å lagre endringer oppheves godkjenningene. Ønsker du å fortsette?', ) ) { await opphevGodkjenninger(avtale.id); @@ -189,7 +191,7 @@ export const opprettAvtaleSomVeileder = async ( deltakerFnr: string, bedriftNr: string, tiltakstype: TiltaksType, - ryddeavtale?: boolean + ryddeavtale?: boolean, ): Promise => { return opprettAvtalen('/avtaler', deltakerFnr, bedriftNr, tiltakstype, ryddeavtale); }; @@ -197,7 +199,7 @@ export const opprettAvtaleSomVeileder = async ( export const opprettAvtaleSomArbeidsgiver = async ( deltakerFnr: string, bedriftNr: string, - tiltakstype: TiltaksType + tiltakstype: TiltaksType, ): Promise => { return opprettAvtalen('/avtaler/opprett-som-arbeidsgiver', deltakerFnr, bedriftNr, tiltakstype); }; @@ -207,7 +209,7 @@ export const opprettMentorAvtale = async ( mentorFnr: string, bedriftNr: string, tiltakstype: TiltaksType, - avtalerolle: Avtalerolle + avtalerolle: Avtalerolle, ): Promise => { const postResponse = await api.post('/avtaler/opprett-mentor-avtale', { deltakerFnr, @@ -225,7 +227,7 @@ const opprettAvtalen = async ( deltakerFnr: string, bedriftNr: string, tiltakstype: TiltaksType, - ryddeavtale?: boolean + ryddeavtale?: boolean, ): Promise => { const ryddeavtaleParam = { ryddeavtale }; const queryParam = new URLSearchParams(removeEmpty(ryddeavtaleParam)); @@ -266,7 +268,7 @@ export const godkjennAvtalePaVegne = async (avtale: Avtale, paVegneGrunn: Godkje export const godkjennAvtalePaVegneAvArbeidsgiver = async ( avtale: Avtale, - paVegneGrunn: GodkjentPaVegneAvArbeidsgiverGrunner + paVegneGrunn: GodkjentPaVegneAvArbeidsgiverGrunner, ) => { const uri = `/avtaler/${avtale.id}/godkjenn-paa-vegne-av-arbeidsgiver`; await api.post(uri, paVegneGrunn); @@ -275,7 +277,7 @@ export const godkjennAvtalePaVegneAvArbeidsgiver = async ( export const godkjennAvtalePaVegneAvDeltakerOgArbeidsgiver = async ( avtale: Avtale, - paVegneGrunn: GodkjentPaVegneAvDeltakerOgArbeidsgiverGrunner + paVegneGrunn: GodkjentPaVegneAvDeltakerOgArbeidsgiverGrunner, ) => { const uri = `/avtaler/${avtale.id}/godkjenn-paa-vegne-av-deltaker-og-arbeidsgiver`; await api.post(uri, paVegneGrunn); @@ -296,7 +298,7 @@ export const annullerAvtale = async (avtale: Avtale, annullertGrunn: string) => headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); }; @@ -305,7 +307,7 @@ export const sjekkOmDeltakerAlleredeErRegistrertPaaTiltak = async ( tiltakstype: TiltaksType, avtaleId: string | null, startdato: string | null, - sluttdato: string | null + sluttdato: string | null, ): Promise => { const optionalAvtaleId: string = avtaleId ? '&avtaleId=' + avtaleId : ''; const optionalStartdato: string = startdato ? '&startDato=' + startdato : ''; @@ -319,7 +321,7 @@ export const sjekkOmDeltakerAlleredeErRegistrertPaaTiltak = async ( tiltakstype + optionalAvtaleId + optionalStartdato + - optionalSluttdato + optionalSluttdato, ); return response.data; }; @@ -409,7 +411,7 @@ export const setOmAvtalenKanEtterregistreres = async (avtaleId: string): Promise export const avslåTilskuddsperiode = async ( avtaleId: string, avslagsårsaker: Set, - avslagsforklaring: string + avslagsforklaring: string, ) => { const uri = `/avtaler/${avtaleId}/avslag-tilskuddsperiode`; await api.post(uri, { @@ -425,7 +427,7 @@ export const slettemerkAvtale = async (avtaleId: string) => { export const oppdatereKontaktInformasjon = async ( avtale: Avtale, - endreKontaktInfo: EndreKontaktInfo + endreKontaktInfo: EndreKontaktInfo, ): Promise => { await api.post( `/avtaler/${avtale.id}/endre-kontaktinfo`, @@ -434,14 +436,14 @@ export const oppdatereKontaktInformasjon = async ( headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); await mutate(`/avtaler/${avtale.id}/versjoner`); }; export const oppdatereOppfølgingOgTilretteleggingInformasjon = async ( avtale: Avtale, - endreOppfølgingOgTilretteleggingInfo: EndreOppfølgingOgTilretteleggingInfo + endreOppfølgingOgTilretteleggingInfo: EndreOppfølgingOgTilretteleggingInfo, ): Promise => { await api.post( `/avtaler/${avtale.id}/endre-oppfolging-og-tilrettelegging`, @@ -450,7 +452,7 @@ export const oppdatereOppfølgingOgTilretteleggingInformasjon = async ( headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); await mutate(`/avtaler/${avtale.id}/versjoner`); }; @@ -469,14 +471,14 @@ export const oppdateretilskuddsBeregning = async (avtale: Avtale, endreBeregning headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); await mutate(`/avtaler/${avtale.id}/versjoner`); }; export const oppdateretilskuddsBeregningDryRun = async ( avtale: Avtale, - endreBeregning: EndreBeregning + endreBeregning: EndreBeregning, ): Promise => { const response = await api.post( `/avtaler/${avtale.id}/endre-tilskuddsberegning-dry-run`, @@ -485,7 +487,7 @@ export const oppdateretilskuddsBeregningDryRun = async ( headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); return response.data; }; @@ -505,7 +507,7 @@ export const forlengAvtale = async (avtale: Avtale, sluttDato: string) => { headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); await mutate(`/avtaler/${avtale.id}/versjoner`); }; @@ -518,7 +520,7 @@ export const forlengAvtaleDryRun = async (avtale: Avtale, sluttDato: string): Pr headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); return response.data; }; @@ -532,7 +534,7 @@ export const forkortAvtale = async (avtale: Avtale, sluttDato: string, grunn: st headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); await mutate(`/avtaler/${avtale.id}/versjoner`); }; @@ -546,7 +548,7 @@ export const forkortAvtaleDryRun = async (avtale: Avtale, sluttDato: string): Pr headers: { 'If-Unmodified-Since': avtale.sistEndret, }, - } + }, ); return response.data; }; @@ -564,7 +566,7 @@ export const oppdatereMålInformasjon = async (avtale: Avtale, maal: Maal[]): Pr export const endreInkluderingstilskudd = async ( avtale: Avtale, - inkluderingstilskuddutgifter: Inkluderingstilskuddsutgift[] + inkluderingstilskuddutgifter: Inkluderingstilskuddsutgift[], ): Promise => { await api.post(`/avtaler/${avtale.id}/endre-inkluderingstilskudd`, { inkluderingstilskuddsutgift: inkluderingstilskuddutgifter, diff --git a/src/services/use-rest.ts b/src/services/use-rest.ts index f6c0a9bd7..87c63d770 100644 --- a/src/services/use-rest.ts +++ b/src/services/use-rest.ts @@ -20,7 +20,7 @@ api.interceptors.response.use( if (error.response?.status === 401 || error.response?.status === 403) { sessionStorage.setItem( SIDE_FOER_INNLOGGING, - window.location.pathname.replace(basename, '') + window.location.search + window.location.pathname.replace(basename, '') + window.location.search, ); throw new AutentiseringError('Er ikke logget inn.'); } @@ -28,7 +28,7 @@ api.interceptors.response.use( throw new FeilkodeError(error.response?.headers.feilkode); } throw new ApiError('Feil ved kontakt mot baksystem.'); - } + }, ); axiosRetry(api, { retries: 3 }); @@ -46,5 +46,9 @@ export const useHentVersjoner = (avtaleId: string) => { }; export const useHentEnhet = (enhetsnummer?: string) => { - return useSWR(enhetsnummer ? `/enheter/${enhetsnummer}` : undefined, { ...swrConfig, suspense: false, shouldRetryOnError: false }); -} + return useSWR(enhetsnummer ? `/enheter/${enhetsnummer}` : undefined, { + ...swrConfig, + suspense: false, + shouldRetryOnError: false, + }); +}; diff --git a/src/types/avtale.spec.ts b/src/types/avtale.spec.ts index d1610cfe1..eb83f1df9 100644 --- a/src/types/avtale.spec.ts +++ b/src/types/avtale.spec.ts @@ -1,4 +1,4 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import * as avtale from './avtale'; diff --git a/src/types/feilkode.ts b/src/types/feilkode.ts index 8cb93c538..d8c28fe6e 100644 --- a/src/types/feilkode.ts +++ b/src/types/feilkode.ts @@ -152,7 +152,7 @@ export const Feilmeldinger: { [key in Feilkode]: string } = { 'Kostnadssted blir satt lik oppfølgingsenhet ved avtaleinngåelse, trengs derfor ikke settes.', MANGLER_AD_GRUPPE_BESLUTTER: 'Kan ikke logge inn som beslutter fordi du mangler gruppe 0000-GA-TILTAK-tilskudd-beslutter', - 'MANGLER_VEILEDER_PÅ_AVTALE': 'Avtalen trenger en veileder før du kan godkjenne', + MANGLER_VEILEDER_PÅ_AVTALE: 'Avtalen trenger en veileder før du kan godkjenne', KVALIFISERINGSGRUPPE_MIDLERTIDIG_LONNTILSKUDD_OG_SOMMERJOBB_FEIL: 'Deltaker kvalifiserer ikke til dette tiltaket', KVALIFISERINGSGRUPPE_VARIG_LONNTILSKUDD_FEIL: 'Deltaker kvalifiserer ikke til dette tiltaket', KVALIFISERINGSGRUPPE_IKKE_RETTIGHET: @@ -174,10 +174,14 @@ export const Feilmeldinger: { [key in Feilkode]: string } = { KAN_IKKE_ENDRE_INKLUDERINGSTILSKUDD_TOM_LISTE: 'Du må ha minst ett tilskudd', MENTOR_MÅ_SIGNERE_TAUSHETSERKLÆRING: 'Veileder må godkjenne avtalen etter deltaker, mentor og arbeidsgiver.', DELTAGER_OG_MENTOR_KAN_IKKE_HA_SAMME_FØDSELSNUMMER: 'Deltager og mentor kan ikke ha det samme fødselsnummeret', - AVTALE_INNEHOLDER_TILSKUDDSPERIODE_MED_GODKJENT_REFUSJON: 'Avtalen inneholder tilskuddsperiode(er) med godkjente refusjon(er). Avtalen kan derfor ikke annulleres.', + AVTALE_INNEHOLDER_TILSKUDDSPERIODE_MED_GODKJENT_REFUSJON: + 'Avtalen inneholder tilskuddsperiode(er) med godkjente refusjon(er). Avtalen kan derfor ikke annulleres.', MANGLER_BEREGNING: 'Beregning av tilskudd må være utfylt', SLUTTDATO_GRENSE_NÅDD: 'Maksimal sluttdato er overskredet. Makismal sluttdato er 31.12.2089', - VARIG_LONNSTILSKUDD_TILSKUDDSPERIODE_MIDLERTIDIG_AVSKURDD: 'Godkjenning av tilskuddsperioder for varig lønnstilskudd er midlertideig avskrudd. Det jobbes med å rette en feil ifbm. med reduksjon av tilskuddsprosent. Dette vil bli fikset i løpet av kort tid.', - KAN_IKKE_ENDRE_ARENA_MIGRERINGSDATO_INNGAATT_AVTALE: 'Avtalen er inngått. Arena-migreringsdato kan derfor ikke endres. Annuller og opprett avtalen på nytt.', - KAN_IKKE_FORKORTE_FOR_UTBETALT_TILSKUDDSPERIODE: 'Avtalen kan ikke forkortes til før en tilskuddsperiode som er godkjent av arbeidsgiver.', + VARIG_LONNSTILSKUDD_TILSKUDDSPERIODE_MIDLERTIDIG_AVSKURDD: + 'Godkjenning av tilskuddsperioder for varig lønnstilskudd er midlertideig avskrudd. Det jobbes med å rette en feil ifbm. med reduksjon av tilskuddsprosent. Dette vil bli fikset i løpet av kort tid.', + KAN_IKKE_ENDRE_ARENA_MIGRERINGSDATO_INNGAATT_AVTALE: + 'Avtalen er inngått. Arena-migreringsdato kan derfor ikke endres. Annuller og opprett avtalen på nytt.', + KAN_IKKE_FORKORTE_FOR_UTBETALT_TILSKUDDSPERIODE: + 'Avtalen kan ikke forkortes til før en tilskuddsperiode som er godkjent av arbeidsgiver.', }; diff --git a/src/types/maalkategorier.ts b/src/types/maalkategorier.ts index 87ec19421..26bdf6d9b 100644 --- a/src/types/maalkategorier.ts +++ b/src/types/maalkategorier.ts @@ -7,4 +7,4 @@ export const maalkategorier = [ 'ANNET', ] as const; -export type Maalkategori = typeof maalkategorier[number]; +export type Maalkategori = (typeof maalkategorier)[number]; diff --git a/src/utils/apiFeilUtils.ts b/src/utils/apiFeilUtils.ts index 8bb814e61..2aa3d2687 100644 --- a/src/utils/apiFeilUtils.ts +++ b/src/utils/apiFeilUtils.ts @@ -5,7 +5,7 @@ import * as Sentry from '@sentry/react'; export const handterFeil = ( error: Error, visFeilmelding: (feilmelding: string) => void, - fallbackMelding: string = 'Det har skjedd en uventet feil' + fallbackMelding: string = 'Det har skjedd en uventet feil', ) => { switch (error?.constructor) { case FeilkodeError: diff --git a/src/utils/arrayUtils.ts b/src/utils/arrayUtils.ts index 2c98de105..f6062e078 100644 --- a/src/utils/arrayUtils.ts +++ b/src/utils/arrayUtils.ts @@ -11,8 +11,8 @@ export function interpose(arr: T[], sep: T): T[] { // => [1,4,7,2,5,8,3,6,9] export function interleave(...arrays: T[][]): T[] { let acc: T[] = []; - for (let i = 0; i < Math.min(...arrays.map(arr => arr.length)); i++) { - acc = acc.concat(arrays.flatMap(arr => arr[i])); + for (let i = 0; i < Math.min(...arrays.map((arr) => arr.length)); i++) { + acc = acc.concat(arrays.flatMap((arr) => arr[i])); } return acc; } diff --git a/src/utils/bem.spec.ts b/src/utils/bem.spec.ts index 1f56a8190..f03541379 100644 --- a/src/utils/bem.spec.ts +++ b/src/utils/bem.spec.ts @@ -1,4 +1,4 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import bem from './bem'; test('Test that bem is defined', () => { diff --git a/src/utils/copyTextToClipboard.ts b/src/utils/copyTextToClipboard.ts index 540be5842..aadd9fca1 100644 --- a/src/utils/copyTextToClipboard.ts +++ b/src/utils/copyTextToClipboard.ts @@ -1,7 +1,7 @@ -export async function copyTextToClipboard(text: string){ - if('clipboard' in navigator){ +export async function copyTextToClipboard(text: string) { + if ('clipboard' in navigator) { return await navigator.clipboard.writeText(text); } else { - return document.execCommand('copy', true, text); + return document.execCommand('copy', true, text); } } diff --git a/src/utils/datoUtils.spec.ts b/src/utils/datoUtils.spec.ts index 08207cacb..3b1451419 100644 --- a/src/utils/datoUtils.spec.ts +++ b/src/utils/datoUtils.spec.ts @@ -1,4 +1,4 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import * as datoUtils from './datoUtils'; diff --git a/src/utils/fnrUtils.ts b/src/utils/fnrUtils.ts index 825f4d471..694cc3d80 100644 --- a/src/utils/fnrUtils.ts +++ b/src/utils/fnrUtils.ts @@ -108,7 +108,7 @@ const fnrOnChangeValidering = (event: ChangeEvent): boolean => export const setFnrBrukerOnChange = ( event: ChangeEvent, setFnr: Dispatch>, - setFnrFeil: Dispatch> + setFnrFeil: Dispatch>, ) => { if (fnrOnChangeValidering(event)) { setFnr(event.target.value.replace(/\D/g, '')); diff --git a/src/utils/stegUtils.spec.tsx b/src/utils/stegUtils.spec.tsx index 91de3dd70..b197b51c9 100644 --- a/src/utils/stegUtils.spec.tsx +++ b/src/utils/stegUtils.spec.tsx @@ -1,4 +1,4 @@ -import { expect, test } from 'vitest' +import { expect, test } from 'vitest'; import hentAvtaleSteg from './hentAvtaleSteg'; diff --git a/src/utils/stringUtils.ts b/src/utils/stringUtils.ts index 4ee5c12cc..3835ed35c 100644 --- a/src/utils/stringUtils.ts +++ b/src/utils/stringUtils.ts @@ -1,6 +1,6 @@ import _ from 'lodash'; export const storForbokstav = (tekst: string) => { - return tekst ? tekst.toLowerCase().replace(/\b\w/, v => v.toUpperCase()) : tekst; + return tekst ? tekst.toLowerCase().replace(/\b\w/, (v) => v.toUpperCase()) : tekst; }; export const litenForbokstav = (tekst: string) => { @@ -18,4 +18,4 @@ export const lagObjektAvSearchParams = (searchParams: URLSearchParams) => { objekt[key] = value; }); return objekt; -} +}; diff --git a/src/utils/useLaster.ts b/src/utils/useLaster.ts index 39f513dc9..b0356db9a 100644 --- a/src/utils/useLaster.ts +++ b/src/utils/useLaster.ts @@ -3,7 +3,7 @@ import { Nettressurs, Status } from '@/types/nettressurs'; export const useLaster: ( lasteFunksjon: (skip: number, limit: number) => Promise, - pagesize: number + pagesize: number, ) => { kanLasteMer: boolean; lasterMer: boolean; diff --git a/src/whitelist.js b/src/whitelist.js index ea644894e..7a1c1a584 100644 --- a/src/whitelist.js +++ b/src/whitelist.js @@ -7,7 +7,7 @@ const whitelistPaths = [ 'bjelle-varsler', 'hendelselogg', 'be-om-altinn-rettighet-urler', - 'kodeverk' + 'kodeverk', ]; if (process.env.NODE_ENV === 'development') { @@ -16,7 +16,7 @@ if (process.env.NODE_ENV === 'development') { } const whitelist = {}; -whitelistPaths.forEach(url => { +whitelistPaths.forEach((url) => { const fraUrl = '^/tiltaksgjennomforing/api/' + url; const tilUrl = '/tiltaksgjennomforing-api/' + url; whitelist[fraUrl] = tilUrl; diff --git a/vite.middleware.ts b/vite.middleware.ts index 828a8530d..29c86bdb8 100644 --- a/vite.middleware.ts +++ b/vite.middleware.ts @@ -100,8 +100,8 @@ export default () => ({ res.writeHead(200, { 'Content-Type': 'application/json' }); res.end( JSON.stringify( - process.env.ENABLE_EXTERNAL_MENU !== 'true' && process.env.ENABLE_INTERNAL_MENU !== 'true' - ) + process.env.ENABLE_EXTERNAL_MENU !== 'true' && process.env.ENABLE_INTERNAL_MENU !== 'true', + ), ); }); },