General/ReactWrenchStarter
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Calendar Page

Browse Source
This commit is contained in:
Olu Amey
2023-01-25 14:53:17 -05:00
parent fee958f0b0
commit 9fad884632
8 changed files with 1097 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Routers.jsx
+2
View File
@@ -25,6 +25,7 @@ import VerifyYouPages from "./views/VerifyYouPages";
import RemindersPage from './views/RemindersPage'; import RemindersPage from './views/RemindersPage';
import TrackingPage from "./views/TrackingPage"; import TrackingPage from "./views/TrackingPage";
import CalendarPage from "./views/CalendarPage";
export default function Routers() { export default function Routers() {
return ( return (
@@ -56,6 +57,7 @@ export default function Routers() {
<Route exact path="/my-collection" element={<MyCollection />} /> <Route exact path="/my-collection" element={<MyCollection />} />
<Route exact path="/reminders" element={<RemindersPage />} /> <Route exact path="/reminders" element={<RemindersPage />} />
<Route exact path="/tracking" element={<TrackingPage />} /> <Route exact path="/tracking" element={<TrackingPage />} />
<Route exact path="/calendar" element={<CalendarPage />} />
<Route <Route
exact exact
path="/my-collection/collection-item" path="/my-collection/collection-item"
src/assets/images/light-logo.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 122 KiB

src/assets/images/myfit-logo-2.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 122 KiB

src/components/Calendar/CalendarTable.jsx
+1066
View File
File diff suppressed because it is too large Load Diff
src/components/Calendar/index.jsx
+17
View File
@@ -0,0 +1,17 @@
import React from "react";
import Layout from "../Partials/Layout";
import CalendarTable from "./CalendarTable";
export default function Calendar() {
return (
<>
<Layout>
<div className="history-wrapper w-full mb-10">
<div className="main-wrapper w-full">
<CalendarTable />
</div>
</div>
</Layout>
</>
);
}
src/components/Partials/RightSideBar.jsx
-153
View File
@@ -166,159 +166,6 @@ export default function RightSideBar() {
</div> </div>
</div> </div>
{/* top-creator */}
<div className="top-creator bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border ">
{/* heading */}
<div className="heading flex justify-between items-center mb-3.5">
<h3 className="text-xl font-bold text-dark-gray dark:text-white">
Recent
</h3>
</div>
<div className="creator-list">
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator1} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator2} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator3} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator4} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator5} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
</div>
</div>
{/* top-platform */} {/* top-platform */}
<div className="top-platform bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border "> <div className="top-platform bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border ">
{/* heading */} {/* heading */}
src/components/Partials/Sidebar.jsx
+2 -8
View File
@@ -131,7 +131,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
> >
Reminders Reminders
<span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white"> <span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
19 0
</span> </span>
</span> </span>
</NavLink> </NavLink>
@@ -153,15 +153,12 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
}`} }`}
> >
Tracking Tracking
<span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
19
</span>
</span> </span>
</NavLink> </NavLink>
</li> </li>
<li className="item group"> <li className="item group">
<NavLink <NavLink
to="/active-bids" to="/calendar"
className={`nav-item flex items-center ${ className={`nav-item flex items-center ${
((navData) => (navData.isActive ? "active" : ""), ((navData) => (navData.isActive ? "active" : ""),
sidebar ? "justify-start space-x-3.5" : "justify-center") sidebar ? "justify-start space-x-3.5" : "justify-center")
@@ -176,9 +173,6 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
}`} }`}
> >
Calendar Calendar
<span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
19
</span>
</span> </span>
</NavLink> </NavLink>
</li> </li>
src/views/CalendarPage.jsx
+10
View File
@@ -0,0 +1,10 @@
import React from "react";
import Calendar from "../components/Calendar";
export default function CalendarPage() {
return (
<>
<Calendar />
</>
);
}