diff --git a/packages/frontend/public/images/profileImages/ente.png b/packages/frontend/public/images/profileImages/ente.png
new file mode 100644
index 0000000..5d99c10
Binary files /dev/null and b/packages/frontend/public/images/profileImages/ente.png differ
diff --git a/packages/frontend/public/images/profileImages/eule.png b/packages/frontend/public/images/profileImages/eule.png
new file mode 100644
index 0000000..928af63
Binary files /dev/null and b/packages/frontend/public/images/profileImages/eule.png differ
diff --git a/packages/frontend/public/images/profileImages/faultier.png b/packages/frontend/public/images/profileImages/faultier.png
new file mode 100644
index 0000000..7b6ea81
Binary files /dev/null and b/packages/frontend/public/images/profileImages/faultier.png differ
diff --git a/packages/frontend/public/images/profileImages/koala.png b/packages/frontend/public/images/profileImages/koala.png
new file mode 100644
index 0000000..49f0d6a
Binary files /dev/null and b/packages/frontend/public/images/profileImages/koala.png differ
diff --git "a/packages/frontend/public/images/profileImages/waschb\303\244r.png" "b/packages/frontend/public/images/profileImages/waschb\303\244r.png"
new file mode 100644
index 0000000..344398f
Binary files /dev/null and "b/packages/frontend/public/images/profileImages/waschb\303\244r.png" differ
diff --git a/packages/frontend/src/components/ui/circle-card/CircleCard.vue b/packages/frontend/src/components/ui/circle-card/CircleCard.vue
index 08c867f..e5b5c12 100644
--- a/packages/frontend/src/components/ui/circle-card/CircleCard.vue
+++ b/packages/frontend/src/components/ui/circle-card/CircleCard.vue
@@ -1,5 +1,5 @@
+
+
+
+
+
+ Members
+
+
+
+
+
+ {{ user.username }}
+
+
+
+
+
+
+
+
+ Invite User
+
+
+
+
+
+
+
+
+
+ Close
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/frontend/src/router/index.ts b/packages/frontend/src/router/index.ts
index 93cfb44..29a1c37 100644
--- a/packages/frontend/src/router/index.ts
+++ b/packages/frontend/src/router/index.ts
@@ -5,6 +5,7 @@ import Login from '@/pages/Login.vue'
import Post from '@/pages/Post.vue'
import Question from '@/pages/Question.vue'
import Circle from '@/pages/Circle.vue'
+import GroupSettings from "@/pages/GroupSettings.vue";
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
@@ -38,6 +39,11 @@ const router = createRouter({
path: '/circle/:id',
name: 'Circle',
component: Circle
+ },
+ {
+ path: '/group/:id',
+ name: GroupSettings,
+ component: GroupSettings
}
]
})