🚸(feedback) remember the user about feedback form on call end

add a new route that just tells the user about the feedback form

src/frontend/src/features/rooms/components/Conference.tsx

@@ -56,7 +56,7 @@ export const Conference = ({
         audio={userConfig.audioEnabled}
         video={userConfig.videoEnabled}
         onDisconnected={() => {
-          navigateTo('home')
+          navigateTo('feedback')
         }}
       >
         <VideoConference />

src/frontend/src/features/rooms/index.ts

@@ -1,3 +1,4 @@
 export { Room as RoomRoute } from './routes/Room'
+export { FeedbackRoute } from './routes/Feedback'
 export { roomIdPattern, isRoomValid } from './utils/isRoomValid'
 export { generateRoomId } from './utils/generateRoomId'

src/frontend/src/features/rooms/routes/Feedback.tsx

@@ -0,0 +1,19 @@
+import { useTranslation } from 'react-i18next'
+import { BoxScreen } from '@/layout/BoxScreen'
+import { Div, Link, P } from '@/primitives'
+
+export const FeedbackRoute = () => {
+  const { t } = useTranslation('rooms')
+  return (
+    <BoxScreen title={t('feedback.heading')}>
+      <Div textAlign="left">
+        <P>{t('feedback.body')}</P>
+      </Div>
+      <Div marginTop={1}>
+        <P>
+          <Link to="/">{t('backToHome', { ns: 'global' })}</Link>
+        </P>
+      </Div>
+    </BoxScreen>
+  )
+}

src/frontend/src/locales/de/rooms.json

@@ -1,4 +1,8 @@
 {
+  "feedback": {
+    "body": "",
+    "heading": ""
+  },
   "join": {
     "camlabel": "",
     "heading": "",

src/frontend/src/locales/en/rooms.json

@@ -1,4 +1,8 @@
 {
+  "feedback": {
+    "body": "Please fill out the form available in the header to give us your precious feedback! Thanks.",
+    "heading": "Help us improve Meet"
+  },
   "join": {
     "camlabel": "Camera",
     "heading": "Join the meeting",

src/frontend/src/locales/fr/rooms.json

@@ -1,4 +1,8 @@
 {
+  "feedback": {
+    "body": "Remplissez le formulaire disponible dans l'entête du site pour nous donner votre avis sur l'outil. Vos retours sont précieux ! Merci.",
+    "heading": "Aidez-nous à améliorer Meet"
+  },
   "join": {
     "camlabel": "Webcam",
     "heading": "Rejoindre la réunion",

src/frontend/src/routes.ts

@@ -1,8 +1,8 @@
-import { RoomRoute, roomIdPattern } from '@/features/rooms'
+import { FeedbackRoute, RoomRoute, roomIdPattern } from '@/features/rooms'
 import { HomeRoute } from '@/features/home'
 
 export const routes: Record<
-  'home' | 'room',
+  'home' | 'room' | 'feedback',
   {
     name: RouteName
     path: RegExp | string
@@ -22,6 +22,11 @@ export const routes: Record<
     to: (roomId: string) => `/${roomId.trim()}`,
     Component: RoomRoute,
   },
+  feedback: {
+    name: 'feedback',
+    path: '/feedback',
+    Component: FeedbackRoute,
+  },
 }
 
 export type RouteName = keyof typeof routes