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

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>