lucasvbr/meeting-app
1
0
Fork 0
mirror of https://github.com/LucasVbr/meeting-app.git synced 2026-07-09 15:08:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Edit logo, schema

Browse Source 
Took 1 hour 58 minutes
This commit is contained in:
Lucàs
2023-03-28 14:00:38 +02:00
parent e3344c5103
commit 28be7ce223
6 changed files with 86 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Message.tsx
+18
View File
@@ -0,0 +1,18 @@
import {Card, Text, Flex} from '@chakra-ui/react';
type Props = {
sender: 'me' | 'other'
message: string
}
export default function Message(props: Props) {
const {align, message} = props;
return (
<Flex alignItems={align === "me" ? 'end' : "start"}>
<Card display={'flex'} px={2} py={1} bg={'purple.500'}>
<Text>{message}</Text>
</Card>
</Flex>
);
}
src/components/Navbar.tsx
+1 -1
View File
@@ -48,7 +48,7 @@ export default function Navbar({variant = "fixed"}: Props) {
backdropFilter={'auto'} backdropBlur={'20px'} px={10} py={2}>
<Flex align={'center'}>
<Box flexBasis={'100%'}>
<Image src={"/logo.svg"} h={"100px"} objectFit={"contain"}/>
<Image src={"/logo.svg"} h={"3rem"} objectFit={"contain"}/>
</Box>
<Flex gap={5} justify={'center'} flexBasis={'100%'}>
src/components/layout/dashboard/card_user/CardUser.jsx
+1 -1
View File
@@ -26,7 +26,7 @@ export default function CardUser(props) {
};
return (
<Card maxW="md" borderRadius={'1rem'} overflow={'hidden'}>
<Card w={"100%"} h={"100%"} borderRadius={'1rem'} overflow={'hidden'}>
<CardHeader>
<Carousel borderRadius={"1rem"} images={interestingUser.images}/>
</CardHeader>
src/pages/chat/[id].tsx
+54
View File
@@ -0,0 +1,54 @@
import {Container, Flex, Text} from '@chakra-ui/react';
import Head from 'next/head';
import {websiteName} from '@/lib/constants';
import {useSession} from 'next-auth/react';
import {useRouter} from 'next/router';
import {useEffect} from 'react';
import Message from '@/components/Message';
export default function Chat() {
const router = useRouter();
const {data: session, status} = useSession();
const {id} = router.query;
useEffect(() => {
switch (status) {
case 'loading':
return;
case 'unauthenticated':
return router.push('/login');
case 'authenticated':
fetch(`/api/chats/${id}`).then(res => res.json()).then(chat => {
if (!chat.UserID.contain(session?.user?.id)) router.push('/login');
});
return;
}
}, [status]);
if (status === "loading") return <Text>Loading...</Text>
const messages = [
{sender: "me", message: "salut"},
{sender: "other", message: "salut"},
{sender: "me", message: "salut"},
{sender: "other", message: "salut"},
{sender: "me", message: "salut"},
{sender: "other", message: "salut"},
]
return (
<>
<Head><title>{websiteName}</title></Head>
<Container>
<Flex direction={'column'}>
{
messages.map(m => <Message sender={m.sender} message={m.message}/>)
}
</Flex>
<Text>Hello World {session?.user?.firstName ?? ""}</Text>
</Container>
</>
);
}