From 884c5dce980d84fb4afbcfa02e024b5155788311 Mon Sep 17 00:00:00 2001 From: Zhongheng Liu Date: Tue, 19 Dec 2023 19:55:24 +0200 Subject: [PATCH] Initial commit - added initial skeletal files --- src/App.test.tsx | 9 --------- src/App.tsx | 34 +++++++++------------------------- src/Chat/Chat.tsx | 1 + src/index.tsx | 8 +------- src/logo.svg | 1 - src/reportWebVitals.ts | 15 --------------- src/setupTests.ts | 5 ----- 7 files changed, 11 insertions(+), 62 deletions(-) delete mode 100644 src/App.test.tsx create mode 100644 src/Chat/Chat.tsx delete mode 100644 src/logo.svg delete mode 100644 src/reportWebVitals.ts delete mode 100644 src/setupTests.ts diff --git a/src/App.test.tsx b/src/App.test.tsx deleted file mode 100644 index 2a68616..0000000 --- a/src/App.test.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/App.tsx b/src/App.tsx index a53698a..ecf2d19 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,26 +1,10 @@ -import React from 'react'; -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.tsx and save to reload. -

- - Learn React - -
-
- ); +import React from "react"; +const App = (): React.ReactElement => { + return ( +
+

Local Area Network Chat Application

+ 
This web application was built for the purposes of an EPQ project.
+
+ ) } - -export default App; +export default App; \ No newline at end of file diff --git a/src/Chat/Chat.tsx b/src/Chat/Chat.tsx new file mode 100644 index 0000000..4eee36c --- /dev/null +++ b/src/Chat/Chat.tsx @@ -0,0 +1 @@ +import React from "react"; \ No newline at end of file diff --git a/src/index.tsx b/src/index.tsx index 032464f..23b3422 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -2,7 +2,6 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; -import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement @@ -11,9 +10,4 @@ root.render( -); - -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); +); \ No newline at end of file diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/reportWebVitals.ts b/src/reportWebVitals.ts deleted file mode 100644 index 49a2a16..0000000 --- a/src/reportWebVitals.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { ReportHandler } from 'web-vitals'; - -const reportWebVitals = (onPerfEntry?: ReportHandler) => { - if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { - getCLS(onPerfEntry); - getFID(onPerfEntry); - getFCP(onPerfEntry); - getLCP(onPerfEntry); - getTTFB(onPerfEntry); - }); - } -}; - -export default reportWebVitals; diff --git a/src/setupTests.ts b/src/setupTests.ts deleted file mode 100644 index 8f2609b..0000000 --- a/src/setupTests.ts +++ /dev/null @@ -1,5 +0,0 @@ -// jest-dom adds custom jest matchers for asserting on DOM nodes. -// allows you to do things like: -// expect(element).toHaveTextContent(/react/i) -// learn more: https://github.com/testing-library/jest-dom -import '@testing-library/jest-dom';