Update deps

package.json

@@ -15,35 +15,35 @@
 	},
 	"private": true,
 	"dependencies": {
-		"@astrojs/mdx": "^0.18.2",
-		"@astrojs/node": "^5.1.0",
-		"@astrojs/svelte": "^2.0.2",
-		"@astrojs/tailwind": "^3.1.0",
-		"astro": "^2.1.7",
+		"@astrojs/mdx": "^0.18.4",
+		"@astrojs/node": "^5.1.4",
+		"@astrojs/svelte": "^2.2.0",
+		"@astrojs/tailwind": "^3.1.3",
+		"@ibcornelsen/ui": "^0.0.1",
+		"astro": "^2.5.1",
 		"cookiejs": "^2.1.2",
 		"express": "^4.18.2",
-		"jimp": "^0.22.7",
+		"jimp": "^0.22.8",
 		"jwt-simple": "^0.5.6",
 		"katex": "^0.16.7",
 		"knex": "^2.4.2",
 		"moment": "^2.29.4",
-		"pg": "^8.10.0",
-		"svelte": "^3.54.0",
-		"svelte-preprocess": "^5.0.1",
-		"tailwindcss": "^3.0.24",
+		"pg": "^8.11.0",
+		"sass": "^1.62.1",
+		"svelte": "^3.59.1",
+		"svelte-preprocess": "^5.0.3",
+		"tailwindcss": "^3.3.2",
 		"uuid": "^9.0.0",
-		"zod": "^3.21.4",
-		"sass": "^1.58.3",
-		"@ibcornelsen/ui": "^0.0.1"
+		"zod": "^3.21.4"
 	},
 	"devDependencies": {
 		"@types/uuid": "^9.0.1",
-		"@typescript-eslint/eslint-plugin": "^5.36.1",
-		"@typescript-eslint/parser": "^5.36.1",
+		"@typescript-eslint/eslint-plugin": "^5.59.6",
+		"@typescript-eslint/parser": "^5.59.6",
 		"eslint": "~8.15.0",
 		"eslint-config-prettier": "8.1.0",
-		"prettier": "^2.8.4",
+		"prettier": "^2.8.8",
 		"typescript": "^4.9.5",
-		"vitest": "^0.29.2"
+		"vitest": "^0.29.8"
 	}
 }

src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte

@@ -17,6 +17,7 @@
 	import { AuditType, hidden } from "./audits/hidden";
 	import { auditBedarfsausweisBenoetigt } from "./audits/BedarfsausweisBenoetigt";
 	import { auditVerbrauchAbweichung } from "./audits/VerbrauchAbweichung";
+	import { Popup } from "@ibcornelsen/ui";
 
 	export let uid: string = "";
 
@@ -449,6 +450,12 @@
 	</fieldset>
 </form>
 
+<Popup hidden={false} heading={"Einen Kurzen Moment"}>
+	<p>Moin! Wir bitten sie um einen kurzen Augenblick, um ein paar Fragen zu stellen und unseren Service zu verbessern.</p>
+	<span>1. Sind sie zufrieden mit der Gestaltung unserer Webseite?</span>
+	<textarea placeholder="Kommentar..."></textarea>
+</Popup>
+
 <RawNotificationWrapper>
 	{#each Object.entries($notifications) as [uid, notification] (uid)}
 		<RawNotification notification={{ ...notification, uid }}>