From 7a56ae922c040b7541e7005b815b5146a541e063 Mon Sep 17 00:00:00 2001 From: Gab Date: Mon, 5 Feb 2024 13:40:54 +0100 Subject: [PATCH 1/3] Remove the Loading component and its styles. --- front/src/app/about/page.tsx | 9 +++++++++ front/src/app/component/Loading.module.css | 21 --------------------- front/src/app/component/loading.tsx | 14 -------------- front/src/app/contact/page.tsx | 9 +++++++++ 4 files changed, 18 insertions(+), 35 deletions(-) create mode 100644 front/src/app/about/page.tsx delete mode 100644 front/src/app/component/Loading.module.css delete mode 100644 front/src/app/component/loading.tsx create mode 100644 front/src/app/contact/page.tsx diff --git a/front/src/app/about/page.tsx b/front/src/app/about/page.tsx new file mode 100644 index 0000000..977c574 --- /dev/null +++ b/front/src/app/about/page.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +const page = () => { + return ( +
About
+ ) +} + +export default page \ No newline at end of file diff --git a/front/src/app/component/Loading.module.css b/front/src/app/component/Loading.module.css deleted file mode 100644 index 665303a..0000000 --- a/front/src/app/component/Loading.module.css +++ /dev/null @@ -1,21 +0,0 @@ - -.loadingContainer { - - } - - @media (max-width: 768px) { - .loadingContainer { - align-items: center; - text-align: center; - padding-top: 6rem; - font-weight: 550; - font-size: 1.5rem; - - } - - .customParagraph{ - color: rgb(2, 63, 117); - } - - } - \ No newline at end of file diff --git a/front/src/app/component/loading.tsx b/front/src/app/component/loading.tsx deleted file mode 100644 index 8ae8b72..0000000 --- a/front/src/app/component/loading.tsx +++ /dev/null @@ -1,14 +0,0 @@ -// components/Loading.tsx -import React from 'react'; -import styles from './Loading.module.css'; - -const Loading = () => { - return ( -
- Logo -

Chargement en cours...

-
- ); -}; - -export default Loading; diff --git a/front/src/app/contact/page.tsx b/front/src/app/contact/page.tsx new file mode 100644 index 0000000..5ec6a1e --- /dev/null +++ b/front/src/app/contact/page.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +const page = () => { + return ( +
Contact
+ ) +} + +export default page \ No newline at end of file From 2c9912b3e53d5d3badcefe7c5c29d75ae519bb08 Mon Sep 17 00:00:00 2001 From: Gab Date: Mon, 5 Feb 2024 14:07:38 +0100 Subject: [PATCH 2/3] Update layout and page components --- front/components/ChatWrapper.tsx | 8 ++++++++ front/public/img/bg.jpg | Bin 0 -> 9024 bytes front/src/app/layout.tsx | 33 ++++++++++++------------------ front/src/app/page.tsx | 34 ++++++------------------------- 4 files changed, 27 insertions(+), 48 deletions(-) create mode 100644 front/components/ChatWrapper.tsx create mode 100644 front/public/img/bg.jpg diff --git a/front/components/ChatWrapper.tsx b/front/components/ChatWrapper.tsx new file mode 100644 index 0000000..e85b6c9 --- /dev/null +++ b/front/components/ChatWrapper.tsx @@ -0,0 +1,8 @@ + +const ChatWrapper = () => { + return ( +
ChatWrapper
+ ) +} + +export default ChatWrapper \ No newline at end of file diff --git a/front/public/img/bg.jpg b/front/public/img/bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..df8eaed3ef62b14f7b3fbfc2c24f6cb1fba12c72 GIT binary patch literal 9024 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 Dv!6}? literal 0 HcmV?d00001 diff --git a/front/src/app/layout.tsx b/front/src/app/layout.tsx index 60992eb..4840f67 100644 --- a/front/src/app/layout.tsx +++ b/front/src/app/layout.tsx @@ -1,26 +1,19 @@ -import type { Metadata } from "next"; -import type { ReactNode } from "react"; -import { Inter } from "next/font/google"; -import "./globals.css"; -import styles from "./Layout.module.css"; - -const inter = Inter({ subsets: ["latin"] }); +import type { Metadata } from 'next' +import './globals.css' export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", -}; + title: 'Real time Chat', + description: 'Real time chat application', +} -const RootLayout: React.FC<{ children?: ReactNode }> = ({ children }) => { +export default function RootLayout({ + children, +}: { + children: React.ReactNode +}) { return ( - - SITE ELG - {} - - {children} + {children} - ); -}; - -export default RootLayout; + ) +} \ No newline at end of file diff --git a/front/src/app/page.tsx b/front/src/app/page.tsx index f5e4729..8c04191 100644 --- a/front/src/app/page.tsx +++ b/front/src/app/page.tsx @@ -1,29 +1,7 @@ -"use client" -import React, {useState, useEffect} from 'react' -import Link from "next/link"; -import Loading from './component/loading' +import ChatWrapper from "../../components/ChatWrapper"; -const Home = () => { - const [loading, setLoading] = useState(true); - - useEffect(() => { - - setTimeout(() => { - setLoading(true); - }, 3000); - }, []); - - return ( -
- {loading ? ( - - ) : ( - <> - - - )} -
- ); -}; - -export default Home; \ No newline at end of file +export default function Home(){ + return( + + ) +} \ No newline at end of file From e7cfc2fe5a6f1a2a69d25a7097fcd8b41496d0d8 Mon Sep 17 00:00:00 2001 From: Gab Date: Mon, 5 Feb 2024 14:18:17 +0100 Subject: [PATCH 3/3] Update: Remove background image and add Conversation component --- front/components/ChatWrapper.tsx | 5 ++++- front/components/Conversation.tsx | 10 ++++++++++ front/public/{img => images}/bg.jpg | Bin 3 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 front/components/Conversation.tsx rename front/public/{img => images}/bg.jpg (100%) diff --git a/front/components/ChatWrapper.tsx b/front/components/ChatWrapper.tsx index e85b6c9..cbe6155 100644 --- a/front/components/ChatWrapper.tsx +++ b/front/components/ChatWrapper.tsx @@ -1,7 +1,10 @@ +import Conversation from "./Conversation" const ChatWrapper = () => { return ( -
ChatWrapper
+
+ +
) } diff --git a/front/components/Conversation.tsx b/front/components/Conversation.tsx new file mode 100644 index 0000000..c18c779 --- /dev/null +++ b/front/components/Conversation.tsx @@ -0,0 +1,10 @@ + +const Conversation = () => { + return ( +
+ +
+ ) +} + +export default Conversation \ No newline at end of file diff --git a/front/public/img/bg.jpg b/front/public/images/bg.jpg similarity index 100% rename from front/public/img/bg.jpg rename to front/public/images/bg.jpg