optimized by reducing files and removing unncessary dependecies

arihant-jain-09 · May 12, 2021 · 47e0bda · 47e0bda
1 parent 2a16bd6
commit 47e0bda
Show file tree

Hide file tree

Showing 28 changed files with 44 additions and 5,508 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,9 +10,6 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
-    "axios": "^0.21.1",
-    "byte-size": "^7.0.1",
-    "emoji-mart": "^3.0.1",
     "firebase": "^8.4.1",
     "material-ui-dropzone": "^3.5.0",
     "node-sass": "^5.0.0",

diff --git a/public/index.html b/public/index.html
@@ -11,6 +11,12 @@
       content="Discord Clone with Firebase"
     />
     <meta property="og:image" content="https://i.ibb.co/gjCFfg4/2021-04-22-15-54-14.png" />
+    <link rel="preload" href="./static/media/whitneylight.92bc1bb9.otf" as="font" type="font/otf" crossorigin>
+    <link rel="preload" href="./static/media/whitneymedium.cbc95f17.otf" as="font" type="font/otf" crossorigin>
+    <link rel="preload" href="./static/media/whitneysemibold.3eb3b8ff.otf" as="font" type="font/otf" crossorigin>
+    <link rel="preload" href="./static/media/whitneybold.06895b8a.otf" as="font" type="font/otf" crossorigin>
+    <link rel="preload" href="./static/media/UniSansRegular.d7743fbb.otf" as="font" type="font/otf" crossorigin>
+
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

diff --git a/src/App.js b/src/App.js
@@ -8,11 +8,9 @@ import LayoutSidebar from './pages/Layout_Sidebar/Layout_Sidebar';
 import Spinner from './components/Spinner/Spinner';
 import {ErrorBoundary} from 'react-error-boundary'
 import {ErrorImageOverlay,ErrorImageContainer,ErrorImageText} from './pages/ErrorBoundaries/Errorboundaries.styles.jsx'
-import Sidebar from './pages/Sidebar/Sidebar';
-const Homepage=lazy(()=>import('./pages/HomePage/homepage.jsx'));
-const Home=lazy(()=>import('./pages/home@me/home@me'));
+import ServerComponent from './pages/ServerComponent/ServerComponent.jsx'
+const Login=lazy(()=>import('./pages/Login/Login.jsx'));
 const ServerPage=lazy(()=>import('./pages/ServerPage/ServerPage'));
-
 const ErrorFallback=({error,resetErrorBoundary})=>{
   return <>
     <ErrorImageOverlay>
@@ -33,10 +31,10 @@ const [user]=useAuthState(auth);
         <Switch>
           <ErrorBoundary FallbackComponent={ErrorFallback}>
           <Suspense fallback={<Spinner/>}>
-          <Route exact path='/discord-clone' render={()=>auth.currentUser?<Redirect to='/discord-clone/channels/@me'/>:<Homepage/>} />
-          <Route path='/discord-clone/channels' component={Sidebar}/>
+          <Route exact path='/discord-clone' render={()=>auth.currentUser?<Redirect to='/discord-clone/channels/@me'/>:<Login/>} />
+          <Route path='/discord-clone/channels' component={ServerComponent}/>
             <Switch>
-              <Route exact path='/discord-clone/channels/@me' render={()=><Universal><Home></Home></Universal>}/>
+              <Route exact path='/discord-clone/channels/@me' render={()=><Universal/>}/>
               <Route path='/discord-clone/channels/:serverId' render={(props)=><LayoutSidebar><ServerPage {...props}/></LayoutSidebar>}/>
             </Switch>
             </Suspense>

diff --git a/src/components/AddServer/Addserver.jsx b/src/components/AddServer/Addserver.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Avatar, Container, DialogActions, DialogContent, DialogContentText, IconButton, makeStyles, Typography } from '@material-ui/core';
+import { Container, DialogActions, DialogContent, DialogContentText, IconButton, makeStyles, Typography } from '@material-ui/core';
 import Dialog from '@material-ui/core/Dialog';
 import Resizer from "react-image-file-resizer";
 import './Addserver.scss'

diff --git a/src/components/AvailableServers/AvailableServersmap.jsx b/src/components/AvailableServers/AvailableServersmap.jsx
@@ -154,7 +154,7 @@ function AvailableServersmap({server}) {
 
     return (
         <div className={`${id===server.id?'availableserver__clicked':'availableserver__map'}`}>
-          {server.serverimage ? <img  key={server.id} onContextMenu={handleClick} style={{ cursor: 'context-menu' }} onClick={ChangeServer}
+          {server.serverimage ? <img key={server.id} onContextMenu={handleClick} style={{ cursor: 'context-menu' }} onClick={ChangeServer}
                 className={`${id===server.id && 'availableserver__clicked-imageuniversal'} availableserver__map-imageuniversal`}
                 src={server.serverimage} alt="availableserver"
                 />:<div className='availableserver__map-text' onClick={ChangeServer} onContextMenu={handleClick} style={{ cursor: 'context-menu' }} >

diff --git a/src/components/ChatMessage/RenderVideo.jsx b/src/components/ChatMessage/RenderVideo.jsx
@@ -1,7 +1,6 @@
 import React from 'react'
-import ReactPlayer from 'react-player/lazy'
+import ReactPlayer from 'react-player/youtube'
 function RenderVideo({msg}) {
-
     const linkify=(input)=>{
         var urlRegex =/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
         return input.match(urlRegex)

diff --git a/src/components/ChatSearchBar/ChatSearchBar.jsx b/src/components/ChatSearchBar/ChatSearchBar.jsx
@@ -1,4 +1,4 @@
-import React, { useState,useRef } from 'react'
+import React, { useState} from 'react'
 import './ChatSearchBar.scss'
 import firebase from 'firebase/app'
 import AddCircleOutlineIcon from '@material-ui/icons/AddCircleOutline';
@@ -8,11 +8,8 @@ import InsertEmoticonIcon from '@material-ui/icons/InsertEmoticon';
 import { IconButton,makeStyles } from '@material-ui/core';
 import { useDispatch, useSelector } from 'react-redux';
 import { auth, firestore } from '../../firebase/firebase';
-// import { Picker } from 'emoji-mart'
-// import 'emoji-mart/css/emoji-mart.css'
 import FileUpload from '../FileUpload/FileUpload'
 import openupload from '../../redux/openupload/message.actions'
-// import OutsideClick from '../OutsideClick/OutsideClick'
 import Emojicontainer from '../Emoji/Emojicontainer'
 import replytoggle from '../../redux/replytoggle/replytoggle.actions'
 import ChatSearchReply from './ChatSearchReply'
@@ -85,12 +82,6 @@ function ChatSearchBar() {
         }
         setformValue('');
     }
-    const handleselect=(emoj)=>{
-        setformValue(()=>{
-           return formValue+emoj.native
-        })
-
-    }
     const handlePicker=()=>{
         setopenpicker(!openpicker)
     }
@@ -129,7 +120,6 @@ function ChatSearchBar() {
                     </IconButton>
                 </div>
             </div>
-         {/* {openpicker&& <div ref={ref} className='emojipicker'><Picker  onSelect={handleselect} /></div>} */}
          {openpicker&& <div className='emojipicker'><Emojicontainer/></div>}
         {useSelector((state)=>state.open.open) && <div className='upload'><FileUpload/></div>}
         </div>