♻️(frontend) put homepage in its own feature

makes more sense i guess, maybe
This commit is contained in:
Emmanuel Pelletier
2024-07-20 19:50:50 +02:00
parent f888fc1717
commit 789bce5092
11 changed files with 31 additions and 29 deletions

View File

@@ -5,7 +5,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useLang } from 'hoofd' import { useLang } from 'hoofd'
import { Route, Switch } from 'wouter' import { Route, Switch } from 'wouter'
import { Home } from './routes/Home' import { HomeRoute } from '@/features/home'
import { NotFound } from './routes/NotFound' import { NotFound } from './routes/NotFound'
import { RoomRoute } from '@/features/rooms' import { RoomRoute } from '@/features/rooms'
import './i18n/init' import './i18n/init'
@@ -18,7 +18,7 @@ function App() {
return ( return (
<QueryClientProvider client={queryClient}> <QueryClientProvider client={queryClient}>
<Switch> <Switch>
<Route path="/" component={Home} /> <Route path="/" component={HomeRoute} />
<Route path="/:roomId" component={RoomRoute} /> <Route path="/:roomId" component={RoomRoute} />
<Route component={NotFound} /> <Route component={NotFound} />
</Switch> </Switch>

View File

@@ -0,0 +1,2 @@
export { navigateToHome } from './navigation/navigateToHome'
export { Home as HomeRoute } from './routes/Home'

View File

@@ -5,11 +5,11 @@ import { navigateToNewRoom } from '@/features/rooms'
import { Screen } from '@/layout/Screen' import { Screen } from '@/layout/Screen'
export const Home = () => { export const Home = () => {
const { t } = useTranslation(undefined, { keyPrefix: 'homepage' }) const { t } = useTranslation('home')
const { isLoggedIn } = useUser() const { isLoggedIn } = useUser()
return ( return (
<Screen> <Screen>
<Box asScreen> <Box type="screen">
<H lvl={1}>{t('heading')}</H> <H lvl={1}>{t('heading')}</H>
<P>{t('intro')}</P> <P>{t('intro')}</P>
<Div marginBottom="gutter"> <Div marginBottom="gutter">

View File

@@ -7,7 +7,7 @@ import {
} from '@livekit/components-react' } from '@livekit/components-react'
import { keys } from '@/api/queryKeys' import { keys } from '@/api/queryKeys'
import { QueryAware } from '@/layout/QueryAware' import { QueryAware } from '@/layout/QueryAware'
import { navigateToHome } from '@/navigation/navigateToHome' import { navigateToHome } from '@/features/home'
import { fetchRoom } from '../api/fetchRoom' import { fetchRoom } from '../api/fetchRoom'
export const Conference = ({ export const Conference = ({

View File

@@ -12,13 +12,5 @@
"loading": "", "loading": "",
"notFound": { "notFound": {
"heading": "" "heading": ""
},
"homepage": {
"heading": "",
"intro": "",
"createMeeting": "",
"login": "",
"or": "",
"copyMeetingUrl": ""
} }
} }

View File

@@ -0,0 +1,8 @@
{
"heading": "",
"intro": "",
"createMeeting": "",
"login": "",
"or": "",
"copyMeetingUrl": ""
}

View File

@@ -12,13 +12,5 @@
"loading": "Loading…", "loading": "Loading…",
"notFound": { "notFound": {
"heading": "" "heading": ""
},
"homepage": {
"heading": "Welcome in Meet",
"intro": "What do you want to do? You can either:",
"createMeeting": "Create a conference call",
"login": "Login to create a conference call",
"or": "Or",
"copyMeetingUrl": "copy a meeting URL in your browser address bar to join an existing conference call"
} }
} }

View File

@@ -0,0 +1,8 @@
{
"heading": "Welcome in Meet",
"intro": "What do you want to do? You can either:",
"createMeeting": "Create a conference call",
"login": "Login to create a conference call",
"or": "Or",
"copyMeetingUrl": "copy a meeting URL in your browser address bar to join an existing conference call"
}

View File

@@ -12,13 +12,5 @@
"loading": "Chargement…", "loading": "Chargement…",
"notFound": { "notFound": {
"heading": "Page introuvable" "heading": "Page introuvable"
},
"homepage": {
"heading": "Bienvenue dans Meet",
"intro": "Que voulez vous faire ? Vous pouvez :",
"createMeeting": "Créer une conférence",
"login": "Vous connecter pour créer une conférence",
"or": "Ou",
"copyMeetingUrl": "copier une URL de conférence dans votre barre d'adresse pour rejoindre une conférence existante"
} }
} }

View File

@@ -0,0 +1,8 @@
{
"heading": "Bienvenue dans Meet",
"intro": "Que voulez vous faire ? Vous pouvez :",
"createMeeting": "Créer une conférence",
"login": "Vous connecter pour créer une conférence",
"or": "Ou",
"copyMeetingUrl": "copier une URL de conférence dans votre barre d'adresse pour rejoindre une conférence existante"
}