Untitled

mail@pastecode.io avatar
unknown
jsx
2 years ago
2.2 kB
2
Indexable
Never
import ReactDOM from 'react-dom';
import { BrowserRouter, Routes, Route } from "react-router-dom"
import Navbar from './navbar.js'
import Sidebar from './sidebar'
import Dashboard from './dashboard';
import Main from './main';


function App() {
  return (
    <>
    <BrowserRouter>
      <Navbar/>
      <Sidebar/>
        <Routes>
          <Route path='/' element={<Main />} />
          <Route path='/dashboard' element={<Dashboard />} />
        </Routes>
    </BrowserRouter>
    
    </>
  );
}

export default App;








import React from 'react'

function dashboard() {
  return (
      <div className='comp'><h1>Test By ME</h1></div>
  )
}

export default dashboard






import React from 'react'
import './sidebar.css'
import {BiUserCircle} from 'react-icons/bi'
import {MdOutlineDashboard,MdOutlineSettingsSuggest} from 'react-icons/md'
import {BsListCheck} from 'react-icons/bs'
import user from './images.png';
import { Link } from "react-router-dom";

function sidebar() {
  return (
    <>
    <div className='main'>
    <div>
    {/* <FiUserCheck size={100} className='User-circle'/> */}
    <img 
    className='User-circle'
    alt='user'
    src={user}/>
    <h2 className='name1'>M.D. Erick</h2>
    </div>
    <div className='parent'>
    <BiUserCircle size={50} className='User-circle1'/>
    <h3 className='name2'>Fiona Gallagher</h3>
    </div>
    <div className='child'>
    <BiUserCircle size={50} className='User-circle2'/>
    <h3 className='name3'>Frank Gallagher</h3>
    </div>
    <hr />
    <div className = 'down-sidebar'>
    <div className='down-sidebar-1'>
    {/* <Link to="/dashboard">Dashboard</Link> */}
    <h2><span className='down-logo'><MdOutlineDashboard size={30}/></span><span className='dash'><a href="/dashboard">Dashboard</a></span></h2>
    </div>
    <div className='down-sidebar-1'>
    <h2><span className='down-logo'><BsListCheck/></span><span className='dash1'>Results</span> </h2>
    </div>
    <div className='down-sidebar-1'>
    <h2><span className='down-logo'><MdOutlineSettingsSuggest/></span><span className='dash2'>Settings</span> </h2>
    </div>
    </div>
    </div>
    </>
  )
}

export default sidebar