dwd-projects/bs-p2
1
0
Fork 0
generated from dwd/boilarplate-remix-tailwind-antd
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

s1

Browse Source
This commit is contained in:
Suvodip
2024-07-26 14:08:00 +05:30
parent 59c6326cf0
commit e155a1b997
11 changed files with 1254 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
app/components/KnowledgeQuest.tsx
View File

@@ -1,5 +1,5 @@
import React, {useState} from 'react';
import { SettingOutlined, QuestionCircleOutlined, LogoutOutlined, DownOutlined} from '@ant-design/icons';
import { SettingOutlined, QuestionCircleOutlined, LogoutOutlined, RightOutlined} from '@ant-design/icons';
import Icon from '@ant-design/icons';
import AdministrationIcon from '~/components/customIcon/AdministrationIcon';
@@ -216,7 +216,7 @@ let performersData = [
points: "999",
rank: "1",
program: "Graduate Program",
avatar: "../../assets/avatar1.png"
avatar: "avatar1.png"
},
{
id: "2",
@@ -225,7 +225,7 @@ let performersData = [
points: "997",
rank: "2",
program: "Graduate Program",
avatar: "../../assets/avatar2.png"
avatar: "avatar2.png"
},
{
id: "3",
@@ -234,7 +234,7 @@ let performersData = [
points: "994",
rank: "3",
program: "Graduate Program",
avatar: "../../assets/avatar3.png"
avatar: "avatar3.png"
},
{
id: "4",
@@ -243,7 +243,7 @@ let performersData = [
points: "990",
rank: "4",
program: "Graduate Program",
avatar: "../../assets/avatar4.png"
avatar: "avatar4.png"
},
{
id: "5",
@@ -252,7 +252,7 @@ let performersData = [
points: "987",
rank: "5",
program: "Graduate Program",
avatar: "../../assets/avatar5.png"
avatar: "avatar5.png"
},
{
id: "6",
@@ -261,7 +261,7 @@ let performersData = [
points: "982",
rank: "6",
program: "Graduate Program",
avatar: "../../assets/avatar6.png"
avatar: "avatar6.png"
},
{
id: "7",
@@ -270,7 +270,7 @@ let performersData = [
points: "980",
rank: "7",
program: "Graduate Program",
avatar: "../../assets/avatar1.png"
avatar: "avatar1.png"
},
{
id: "8",
@@ -279,7 +279,7 @@ let performersData = [
points: "978",
rank: "8",
program: "Graduate Program",
avatar: "../../assets/avatar2.png"
avatar: "avatar2.png"
},
{
id: "9",
@@ -288,7 +288,7 @@ let performersData = [
points: "975",
rank: "9",
program: "Graduate Program",
avatar: "../../assets/avatar3.png"
avatar: "avatar3.png"
},
{
id: "10",
@@ -297,7 +297,7 @@ let performersData = [
points: "972",
rank: "10",
program: "Graduate Program",
avatar: "../../assets/avatar4.png"
avatar: "avatar4.png"
},
{
id: "11",
@@ -306,7 +306,7 @@ let performersData = [
points: "970",
rank: "11",
program: "Graduate Program",
avatar: "../../assets/avatar5.png"
avatar: "avatar5.png"
},
{
id: "12",
@@ -315,7 +315,7 @@ let performersData = [
points: "968",
rank: "12",
program: "Graduate Program",
avatar: "../../assets/avatar6.png"
avatar: "avatar6.png"
},
{
id: "13",
@@ -324,7 +324,7 @@ let performersData = [
points: "965",
rank: "13",
program: "Graduate Program",
avatar: "../../assets/avatar1.png"
avatar: "avatar1.png"
},
{
id: "14",
@@ -333,7 +333,7 @@ let performersData = [
points: "962",
rank: "14",
program: "Graduate Program",
avatar: "../../assets/avatar2.png"
avatar: "avatar2.png"
},
{
id: "15",
@@ -342,7 +342,7 @@ let performersData = [
points: "960",
rank: "15",
program: "Graduate Program",
avatar: "../../assets/avatar3.png"
avatar: "avatar3.png"
},
{
id: "16",
@@ -351,7 +351,7 @@ let performersData = [
points: "957",
rank: "16",
program: "Graduate Program",
avatar: "../../assets/avatar4.png"
avatar: "avatar4.png"
},
{
id: "17",
@@ -360,7 +360,7 @@ let performersData = [
points: "955",
rank: "17",
program: "Graduate Program",
avatar: "../../assets/avatar5.png"
avatar: "avatar5.png"
},
{
id: "18",
@@ -369,7 +369,7 @@ let performersData = [
points: "953",
rank: "18",
program: "Graduate Program",
avatar: "../../assets/avatar6.png"
avatar: "avatar6.png"
},
{
id: "19",
@@ -378,7 +378,7 @@ let performersData = [
points: "950",
rank: "19",
program: "Graduate Program",
avatar: "../../assets/avatar1.png"
avatar: "avatar1.png"
},
{
id: "20",
@@ -387,7 +387,7 @@ let performersData = [
points: "947",
rank: "20",
program: "Graduate Program",
avatar: "../../assets/avatar2.png"
avatar: "avatar2.png"
},
{
id: "21",
@@ -396,7 +396,7 @@ let performersData = [
points: "945",
rank: "21",
program: "Graduate Program",
avatar: "../../assets/avatar3.png"
avatar: "avatar3.png"
}
];
@@ -429,92 +429,92 @@ type MenuItem = Required<MenuProps>['items'][number];
const items2: MenuProps['items'] = [
{
key: 'subkq1',
key: 'subsd1',
icon: <AdministrationIcon />,
label: 'Administration',
label: (<p>&nbsp; Administration</p>),
children: [
{
key: '1kq',
key: '1sd',
label: (<a href='#'>Class Schedules</a>),
},
{
key: '2kq',
key: '2sd',
label: (<a href='#'>Classmate Directory</a>),
},
{
key: '3kq',
key: '3sd',
label: (<a href='#'>Qualifications</a>),
},
],
},
{
key: 'subkq2',
key: 'subsd2',
icon: <MyCoursesIcon />,
label: 'My Courses',
label: (<p>&nbsp; My Courses</p>),
children: [
{
key: '4kq',
key: '4sd',
label: (<a href='#'>Graduate Program</a>),
},
{
key: '5kq',
key: '5sd',
label: (<a href='#'>Post-Graduate Program</a>),
},
],
},
{
key: 'subkq3',
key: 'subsd3',
icon: <ExaminationIcon />,
label: 'Examinations',
label: (<p>&nbsp; Examinations</p>),
children: [
{
key: '6kq',
key: '6sd',
label: (<a href='#'>Exam Scheduled</a>),
},
{
key: '7kq',
key: '7sd',
label: (<a href='#'>Upcoming Exam</a>),
},
{
key: '8kq',
key: '8sd',
label: (<a href='#'>Passed Exam</a>),
},
],
},
{
key: 'subkq4',
key: 'subsd4',
icon: <CommunityIcon />,
label: 'Community',
label: (<p>&nbsp; Community</p>),
children: [
{
key: '9kq',
key: '9sd',
label: (<a href='#'>Exam Scheduled</a>),
},
{
key: '10kq',
key: '10sd',
label: (<a href='#'>Upcoming Exam</a>),
},
{
key: '11kq',
key: '11sd',
label: (<a href='#'>Passed Exam</a>),
},
],
},
{
key: 'subkq5',
key: 'subsd5',
icon: <NotificationIcon />,
label: 'Notifications',
label: (<p>&nbsp; Notifications</p>),
children: [
{
key: '12kq',
key: '12sd',
label: (<a href='#'>Exam Scheduled</a>),
},
{
key: '13kq',
key: '13sd',
label: (<a href='#'>Upcoming Exam</a>),
},
{
key: '14kq',
key: '14sd',
label: (<a href='#'>Passed Exam</a>),
},
],
@@ -527,17 +527,17 @@ const items2: MenuProps['items'] = [
style: { marginTop: '100px' },
children: [
{
key: '15kq', style: {paddingTop: '10px', paddingBottom: '10px', border: 'none'},
key: '15sd', style: {paddingTop: '10px', paddingBottom: '10px', border: 'none'},
icon: React.createElement(SettingOutlined, { style: { color: '#000' } }),
label: (<h2 className='text-[18px] font-[700] text-[#000]'>Settings</h2>)
},
{
key: '16kq', style: {paddingTop: '10px', paddingBottom: '10px', border: 'none'},
key: '16sd', style: {paddingTop: '10px', paddingBottom: '10px', border: 'none'},
icon: React.createElement(QuestionCircleOutlined, { style: { color: '#000' } }),
label: (<h2 className='text-[18px] font-[700] text-[#000]'>Help & Support</h2>)
},
{
key: '17kq', style: {paddingTop: '10px', paddingBottom: '10px', border: 'none'},
key: '17sd', style: {paddingTop: '10px', paddingBottom: '10px', border: 'none'},
icon: React.createElement(LogoutOutlined, { style: { color: '#000' } }),
label: (<h2 className='text-[18px] font-[700] text-[#000]'>Logout</h2>)
},
@@ -611,7 +611,7 @@ const App: React.FC = () => {
<Layout style={{marginLeft: 366, background: '#FFF'}}>
<Content style={{ overflow: 'initial',}}>
<div className='border-b-[1px] py-2 border-[#CFCFCF]'>
<div className='container mx-auto flex flex-row justify-between'>
<div className='container mx-auto flex flex-row justify-between pr-10'>
<div className='inline-flex justify-center place-items-center'>
{/* <img src="../../assets/student-dash.svg" alt=""/> */}
<p className='pl-1 text-[18px] font-[700] whitespace-nowrap'>Knowledge Quests</p>
@@ -637,7 +637,7 @@ const App: React.FC = () => {
<p className='text-[12px] text-[#EF7A0C] font-[500]'>My Profile</p>
<p className='text-[16px] text-[#27549F] font-[700]'>Rayan Holiday</p>
</div>
<DownOutlined style={{ fontSize: '12px' }} />
<RightOutlined style={{ fontSize: '12px', paddingRight: '10px'}} />
</div>
</Space>
</a>

39
app/components/StudentDashboard.tsx
View File

@@ -1,5 +1,5 @@
import React, {useState} from 'react';
import { SettingOutlined, QuestionCircleOutlined, LogoutOutlined, DownOutlined} from '@ant-design/icons';
import { SettingOutlined, QuestionCircleOutlined, LogoutOutlined, RightOutlined} from '@ant-design/icons';
import Icon from '@ant-design/icons';
import AdministrationIcon from '~/components/customIcon/AdministrationIcon';
@@ -69,7 +69,7 @@ let performersData = [
points: "999",
rank: "1",
program: "Graduate Program",
avatar: "../../assets/avatar1.png"
avatar: "avatar1.png"
},
{
id: "2",
@@ -78,7 +78,7 @@ let performersData = [
points: "997",
rank: "2",
program: "Graduate Program",
avatar: "../../assets/avatar2.png"
avatar: "avatar2.png"
},
{
id: "3",
@@ -87,7 +87,7 @@ let performersData = [
points: "994",
rank: "3",
program: "Graduate Program",
avatar: "../../assets/avatar3.png"
avatar: "avatar3.png"
},
{
id: "4",
@@ -96,7 +96,7 @@ let performersData = [
points: "990",
rank: "4",
program: "Graduate Program",
avatar: "../../assets/avatar4.png"
avatar: "avatar4.png"
},
{
id: "5",
@@ -105,7 +105,7 @@ let performersData = [
points: "987",
rank: "5",
program: "Graduate Program",
avatar: "../../assets/avatar5.png"
avatar: "avatar5.png"
},
{
id: "6",
@@ -114,7 +114,7 @@ let performersData = [
points: "982",
rank: "6",
program: "Graduate Program",
avatar: "../../assets/avatar6.png"
avatar: "avatar6.png"
}
];
@@ -148,7 +148,7 @@ const items2: MenuProps['items'] = [
{
key: 'subsd1',
icon: <AdministrationIcon />,
label: 'Administration',
label: (<p>&nbsp; Administration</p>),
children: [
{
key: '1sd',
@@ -167,7 +167,7 @@ const items2: MenuProps['items'] = [
{
key: 'subsd2',
icon: <MyCoursesIcon />,
label: 'My Courses',
label: (<p>&nbsp; My Courses</p>),
children: [
{
key: '4sd',
@@ -182,7 +182,7 @@ const items2: MenuProps['items'] = [
{
key: 'subsd3',
icon: <ExaminationIcon />,
label: 'Examinations',
label: (<p>&nbsp; Examinations</p>),
children: [
{
key: '6sd',
@@ -201,7 +201,7 @@ const items2: MenuProps['items'] = [
{
key: 'subsd4',
icon: <CommunityIcon />,
label: 'Community',
label: (<p>&nbsp; Community</p>),
children: [
{
key: '9sd',
@@ -220,7 +220,7 @@ const items2: MenuProps['items'] = [
{
key: 'subsd5',
icon: <NotificationIcon />,
label: 'Notifications',
label: (<p>&nbsp; Notifications</p>),
children: [
{
key: '12sd',
@@ -299,7 +299,6 @@ const App: React.FC = () => {
const { token: { colorBgContainer}, } = theme.useToken();
return (
<Layout>
<>
{/* <Button type="primary" onClick={showLoading}>Open Modal</Button> */}
@@ -319,14 +318,6 @@ const App: React.FC = () => {
<div className='flex flex-col justify-center demo-logo-vertical'>
<div className='px-4'>
<h1 className='text-[22px] font-[700] my-[37px] text-left text-[#000]'>IIMTT Logo</h1>
<a href="#" className='flex flex-row justify-between border-[1px] border-[#E9E9E9] rounded-[10px] p-2 place-items-center'>
<img className='w-[46px] h-[46px]' src="/assets/man.png" alt="" />
<div>
<p className='text-[16px] font-[500] text-[#6E6E6E]'>My Profile</p>
<p className='text-[22px] font-[700] text-[#000]'>Rayan Holiday</p>
</div>
<img className='' src="../../assets/right-arrow.svg" alt="" />
</a>
</div>
</div>
<Menu className='custom-menu' mode="inline" style={{ height: '100%', borderRight: 0, paddingTop: 30, background: 'transparent'}} items={items2} />
@@ -336,7 +327,7 @@ const App: React.FC = () => {
<Layout style={{marginLeft: 366, background: '#FFF'}}>
<Content style={{ overflow: 'initial',}}>
<div className='border-b-[1px] py-2 border-[#CFCFCF]'>
<div className='container mx-auto flex flex-row justify-between'>
<div className='container mx-auto flex flex-row justify-between pr-8'>
<div className='inline-flex justify-center place-items-center'>
<img src="../../assets/student-dash.svg" alt=""/>
<p className='pl-1 text-[18px] font-[700] whitespace-nowrap'>Student Dashboard</p>
@@ -359,7 +350,7 @@ const App: React.FC = () => {
<p className='text-[12px] text-[#EF7A0C] font-[500]'>My Profile</p>
<p className='text-[16px] text-[#27549F] font-[700]'>Rayan Holiday</p>
</div>
<DownOutlined style={{ fontSize: '12px' }} />
<RightOutlined style={{ fontSize: '12px', paddingRight: '10px' }} />
</div>
</Space>
</a>
@@ -442,7 +433,7 @@ const App: React.FC = () => {
</div>
<div className='flex flex-col'>
{sortedData.slice(3).map(data => (
<div className='flex flex-row justify-between place-items-center border-b-[1px] border-[#CFCFCF] p-2'>
<div key={data.id} className='flex flex-row justify-between place-items-center border-b-[1px] border-[#CFCFCF] p-2'>
<p className='text-[11px] font-[700]'># {data.rank}</p>
<img className='w-[35px] h-[35px]' src={data.avatar} alt="" />
<div>