frst Layout

This commit is contained in:
Suvodip
2024-07-22 21:52:54 +05:30
parent ccd6cd801f
commit 428cf0fffe
19 changed files with 470 additions and 378 deletions

View File

@@ -0,0 +1,19 @@
// app/components/AdministrationIcon.jsx
import React from 'react';
const AdministrationIcon = () => (
<svg
width="25"
height="25"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.3984 13.9597C11.4151 13.9597 10.5859 13.6222 9.91094 12.9472C9.23594 12.2722 8.89844 11.4431 8.89844 10.4597C8.89844 9.47638 9.23594 8.64722 9.91094 7.97222C10.5859 7.29722 11.4151 6.95972 12.3984 6.95972C13.3818 6.95972 14.2109 7.29722 14.8859 7.97222C15.5609 8.64722 15.8984 9.47638 15.8984 10.4597C15.8984 11.4431 15.5609 12.2722 14.8859 12.9472C14.2109 13.6222 13.3818 13.9597 12.3984 13.9597ZM12.3984 11.9597C12.8318 11.9597 13.1901 11.8181 13.4734 11.5347C13.7568 11.2514 13.8984 10.8931 13.8984 10.4597C13.8984 10.0264 13.7568 9.66805 13.4734 9.38472C13.1901 9.10138 12.8318 8.95972 12.3984 8.95972C11.9651 8.95972 11.6068 9.10138 11.3234 9.38472C11.0401 9.66805 10.8984 10.0264 10.8984 10.4597C10.8984 10.8931 11.0401 11.2514 11.3234 11.5347C11.6068 11.8181 11.9651 11.9597 12.3984 11.9597ZM12.3984 22.9597C10.0818 22.3764 8.16927 21.0472 6.66094 18.9722C5.1526 16.8972 4.39844 14.5931 4.39844 12.0597V5.95972L12.3984 2.95972L20.3984 5.95972V12.0597C20.3984 14.5931 19.6443 16.8972 18.1359 18.9722C16.6276 21.0472 14.7151 22.3764 12.3984 22.9597ZM12.3984 5.08472L6.39844 7.33472V12.0597C6.39844 12.9597 6.52344 13.8347 6.77344 14.6847C7.02344 15.5347 7.3651 16.3347 7.79844 17.0847C8.49844 16.7347 9.23177 16.4597 9.99844 16.2597C10.7651 16.0597 11.5651 15.9597 12.3984 15.9597C13.2318 15.9597 14.0318 16.0597 14.7984 16.2597C15.5651 16.4597 16.2984 16.7347 16.9984 17.0847C17.4318 16.3347 17.7734 15.5347 18.0234 14.6847C18.2734 13.8347 18.3984 12.9597 18.3984 12.0597V7.33472L12.3984 5.08472ZM12.3984 17.9597C11.7984 17.9597 11.2151 18.0264 10.6484 18.1597C10.0818 18.2931 9.5401 18.4764 9.02344 18.7097C9.50677 19.2097 10.0318 19.6431 10.5984 20.0097C11.1651 20.3764 11.7651 20.6597 12.3984 20.8597C13.0318 20.6597 13.6318 20.3764 14.1984 20.0097C14.7651 19.6431 15.2901 19.2097 15.7734 18.7097C15.2568 18.4764 14.7151 18.2931 14.1484 18.1597C13.5818 18.0264 12.9984 17.9597 12.3984 17.9597Z"
fill="var(--icon-color)"
/>
</svg>
);
export default AdministrationIcon;

View File

@@ -0,0 +1,11 @@
// app/components/CommunityIcon.jsx
import React from 'react';
const CommunityIcon = () => (
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.39844 18.9597C7.1151 18.9597 6.8776 18.8639 6.68594 18.6722C6.49427 18.4806 6.39844 18.2431 6.39844 17.9597V15.9597H19.3984V6.95972H21.3984C21.6818 6.95972 21.9193 7.05555 22.1109 7.24722C22.3026 7.43888 22.3984 7.67638 22.3984 7.95972V22.9597L18.3984 18.9597H7.39844ZM2.39844 17.9597V3.95972C2.39844 3.67638 2.49427 3.43888 2.68594 3.24722C2.8776 3.05555 3.1151 2.95972 3.39844 2.95972H16.3984C16.6818 2.95972 16.9193 3.05555 17.1109 3.24722C17.3026 3.43888 17.3984 3.67638 17.3984 3.95972V12.9597C17.3984 13.2431 17.3026 13.4806 17.1109 13.6722C16.9193 13.8639 16.6818 13.9597 16.3984 13.9597H6.39844L2.39844 17.9597ZM15.3984 11.9597V4.95972H4.39844V11.9597H15.3984Z"
fill="var(--icon-color)"/>
</svg>
);
export default CommunityIcon;

View File

@@ -0,0 +1,13 @@
// app/components/ExaminationIcon.jsx
import React from 'react';
const ExaminationIcon = () => (
<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.398438 10.9597V8.95972H7.39844V10.9597H0.398438ZM0.398438 6.95972V4.95972H11.3984V6.95972H0.398438ZM0.398438 2.95972V0.959717H11.3984V2.95972H0.398438ZM9.39844 16.9597V13.8847L14.9234 8.38472C15.0734 8.23472 15.2401 8.12638 15.4234 8.05972C15.6068 7.99305 15.7901 7.95972 15.9734 7.95972C16.1734 7.95972 16.3651 7.99722 16.5484 8.07222C16.7318 8.14722 16.8984 8.25972 17.0484 8.40972L17.9734 9.33472C18.1068 9.48472 18.2109 9.65138 18.2859 9.83472C18.3609 10.0181 18.3984 10.2014 18.3984 10.3847C18.3984 10.5681 18.3651 10.7556 18.2984 10.9472C18.2318 11.1389 18.1234 11.3097 17.9734 11.4597L12.4734 16.9597H9.39844ZM10.8984 15.4597H11.8484L14.8734 12.4097L14.4234 11.9347L13.9484 11.4847L10.8984 14.5097V15.4597ZM14.4234 11.9347L13.9484 11.4847L14.8734 12.4097L14.4234 11.9347Z"
fill="var(--icon-color)"/>
</svg>
);
export default ExaminationIcon;

View File

@@ -0,0 +1,11 @@
// app/components/MyCoursesIcon.jsx
import React from 'react';
const MyCoursesIcon = () => (
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.3984 14.9597H14.3984V12.9597H10.3984V14.9597ZM10.3984 11.9597H18.3984V9.95972H10.3984V11.9597ZM10.3984 8.95972H18.3984V6.95972H10.3984V8.95972ZM8.39844 18.9597C7.84844 18.9597 7.3776 18.7639 6.98594 18.3722C6.59427 17.9806 6.39844 17.5097 6.39844 16.9597V4.95972C6.39844 4.40972 6.59427 3.93888 6.98594 3.54722C7.3776 3.15555 7.84844 2.95972 8.39844 2.95972H20.3984C20.9484 2.95972 21.4193 3.15555 21.8109 3.54722C22.2026 3.93888 22.3984 4.40972 22.3984 4.95972V16.9597C22.3984 17.5097 22.2026 17.9806 21.8109 18.3722C21.4193 18.7639 20.9484 18.9597 20.3984 18.9597H8.39844ZM8.39844 16.9597H20.3984V4.95972H8.39844V16.9597ZM4.39844 22.9597C3.84844 22.9597 3.3776 22.7639 2.98594 22.3722C2.59427 21.9806 2.39844 21.5097 2.39844 20.9597V6.95972H4.39844V20.9597H18.3984V22.9597H4.39844Z"
fill="var(--icon-color)"/>
</svg>
);
export default MyCoursesIcon;

View File

@@ -0,0 +1,11 @@
// app/components/NotificationIcon.jsx
import React from 'react';
const NotificationIcon = () => (
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.39844 19.9597V17.9597H6.39844V10.9597C6.39844 9.57638 6.8151 8.34722 7.64844 7.27222C8.48177 6.19722 9.5651 5.49305 10.8984 5.15972V4.45972C10.8984 4.04305 11.0443 3.68888 11.3359 3.39722C11.6276 3.10555 11.9818 2.95972 12.3984 2.95972C12.8151 2.95972 13.1693 3.10555 13.4609 3.39722C13.7526 3.68888 13.8984 4.04305 13.8984 4.45972V5.15972C15.2318 5.49305 16.3151 6.19722 17.1484 7.27222C17.9818 8.34722 18.3984 9.57638 18.3984 10.9597V17.9597H20.3984V19.9597H4.39844ZM12.3984 22.9597C11.8484 22.9597 11.3776 22.7639 10.9859 22.3722C10.5943 21.9806 10.3984 21.5097 10.3984 20.9597H14.3984C14.3984 21.5097 14.2026 21.9806 13.8109 22.3722C13.4193 22.7639 12.9484 22.9597 12.3984 22.9597ZM8.39844 17.9597H16.3984V10.9597C16.3984 9.85972 16.0068 8.91805 15.2234 8.13472C14.4401 7.35138 13.4984 6.95972 12.3984 6.95972C11.2984 6.95972 10.3568 7.35138 9.57344 8.13472C8.7901 8.91805 8.39844 9.85972 8.39844 10.9597V17.9597Z"
fill="var(--icon-color)"/>
</svg>
);
export default NotificationIcon;