Add base files

iYojna · Oct 15, 2022 · 1609b52 · 1609b52
1 parent 5df1520
commit 1609b52
Show file tree

Hide file tree

Showing 52 changed files with 9,674 additions and 1 deletion.
diff --git a/.env b/.env
@@ -0,0 +1,3 @@
+CITY_API_KEY=""
+
+BACKEND_API_TOKEN="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNjc4Nzc5NDEzLCJpYXQiOjE2NjE0OTk0MTMsImp0aSI6IjdiM2E2NzYzNWIxYjRkYWZiMTljYTg1NmI3NGQ0MWI1IiwidXNlcl9pZCI6Mn0.dzHFep_buR6XWpNCkrOkGEuh7Ah1H3M0M1sfL85XogM"
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+	"extends": ["next/core-web-vitals", "prettier"]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.next
+.swc
+out
+yarn.lock
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": true
+}
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# iYojna-admin-frontend
+# Shishya Frontend Admin
diff --git a/components/AuthHeader.tsx b/components/AuthHeader.tsx
@@ -0,0 +1,46 @@
+import { Typography, Layout } from 'antd'
+
+const { Title, Text } = Typography
+const { Header } = Layout
+
+const AuthHeader = () => {
+	return (
+		<Header
+			style={{
+				background: 'none',
+				height: 'fit-content',
+				display: 'flex',
+				flexDirection: 'column',
+				alignItems: 'center',
+				marginTop: '5%',
+			}}
+		>
+			<Title
+				style={{
+					fontFamily: 'Poppins',
+					fontSize: '2.1rem',
+					fontWeight: 900,
+					letterSpacing: '0.005em',
+					color: '#000000D9',
+				}}
+			>
+				SHISHYA
+			</Title>
+			<Text
+				style={{
+					fontFamily: 'Roboto',
+					fontSize: '1rem',
+					fontWeight: 400,
+					lineHeight: '22px',
+					letterSpacing: '0em',
+					color: '#00000073',
+					width: '30vw',
+				}}
+			>
+				One stop destination for students to track all their documents.
+			</Text>
+		</Header>
+	)
+}
+
+export default AuthHeader
diff --git a/components/CreateFormStatus.tsx b/components/CreateFormStatus.tsx
@@ -0,0 +1,58 @@
+import React from 'react'
+import styles from '../styles/Components/create-form-status.module.css'
+
+type CreateFormStatusType = {
+	currentStep: number
+}
+
+const CreateFormStatus = ({ currentStep }: CreateFormStatusType) => {
+	return (
+		<div className={styles.create__form__status__wrapper}>
+			<div className={styles.part__1}>
+				<div className={styles.status__wrapper}>
+					<div
+						className={
+							currentStep === 1
+								? styles.status__circle
+								: styles.status__circle__not
+						}
+					/>
+				</div>
+				<div className={styles.status__line} />
+				<div className={styles.status__wrapper}>
+					<div
+						className={
+							currentStep === 2
+								? styles.status__circle
+								: styles.status__circle__not
+						}
+					/>
+				</div>
+			</div>
+			<div className={styles.part__2}>
+				<div className={styles.title__wrapper}>
+					<p
+						className={styles.status__title}
+						style={{
+							color: `rgba(0,0,0,${currentStep === 1 ? '0.85' : '0.45'})`,
+						}}
+					>
+						Form Details
+					</p>
+				</div>
+				<div className={styles.title__wrapper}>
+					<p
+						className={styles.status__title__notdone}
+						style={{
+							color: `rgba(0,0,0,${currentStep === 2 ? '0.85' : '0.45'})`,
+						}}
+					>
+						Document Required
+					</p>
+				</div>
+			</div>
+		</div>
+	)
+}
+
+export default CreateFormStatus
diff --git a/components/CreateJobStatus.tsx b/components/CreateJobStatus.tsx
@@ -0,0 +1,78 @@
+import React from 'react'
+import styles from '../styles/Components/create-form-status.module.css'
+
+type CreateJobStatusType = {
+	currentStep: number
+}
+
+const CreateJobStatus = ({ currentStep }: CreateJobStatusType) => {
+	return (
+		<div className={styles.create__form__status__wrapper}>
+			<div className={styles.part__1}>
+				<div className={styles.status__wrapper}>
+					<div
+						className={
+							currentStep === 1
+								? styles.status__circle
+								: styles.status__circle__not
+						}
+					/>
+				</div>
+				<div className={styles.status__line} />
+				<div className={styles.status__wrapper}>
+					<div
+						className={
+							currentStep === 2
+								? styles.status__circle
+								: styles.status__circle__not
+						}
+					/>
+				</div>
+				<div className={styles.status__line} />
+				<div className={styles.status__wrapper}>
+					<div
+						className={
+							currentStep === 3
+								? styles.status__circle
+								: styles.status__circle__not
+						}
+					/>
+				</div>
+			</div>
+			<div className={styles.part__2}>
+				<div className={styles.title__wrapper}>
+					<p
+						className={styles.status__title}
+						style={{
+							color: `rgba(0,0,0,${currentStep === 1 ? '0.85' : '0.45'})`,
+						}}
+					>
+						Job Details
+					</p>
+				</div>
+				<div className={styles.title__wrapper}>
+					<p
+						className={styles.status__title__notdone}
+						style={{
+							color: `rgba(0,0,0,${currentStep === 2 ? '0.85' : '0.45'})`,
+						}}
+					>
+						Eligibility of Students
+					</p>
+				</div>
+				<div className={styles.title__wrapper}>
+					<p
+						className={styles.status__title__notdone}
+						style={{
+							color: `rgba(0,0,0,${currentStep === 3 ? '0.85' : '0.45'})`,
+						}}
+					>
+						Document Required
+					</p>
+				</div>
+			</div>
+		</div>
+	)
+}
+
+export default CreateJobStatus
diff --git a/components/CustomButton.tsx b/components/CustomButton.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import styles from '../styles/Components/CustomButton.module.css'
+
+interface IProps {
+	title: string
+	handleClick: () => void
+	style?: {}
+}
+
+const CustomButton = ({ title, handleClick, style }: IProps) => {
+	return (
+		<div
+			className={styles.button__container}
+			onClick={handleClick}
+			style={{ ...style }}
+		>
+			<div className={styles.button__text}>{title}</div>
+		</div>
+	)
+}
+
+export default CustomButton
diff --git a/components/CustomInput.tsx b/components/CustomInput.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+import { DatePicker, Input, Select } from 'antd'
+import styles from '../styles/Components/CustomInput.module.css'
+
+const { Option } = Select
+const { TextArea } = Input
+
+interface IProps {
+	placeholder: string | undefined
+	type: string
+	data: any
+	label: string
+	onChange: any
+}
+
+const CustomInput = ({ placeholder, type, data, label, onChange }: IProps) => {
+	return (
+		<div className={styles.input__wrapper}>
+			<label className={styles.input__label}>{label}</label>
+			<div className={styles.input__element}>
+				{type === 'text' ? (
+					<Input
+						placeholder={placeholder}
+						className={styles.input__element__comp}
+						onChange={onChange}
+					/>
+				) : null}
+				{type === 'date' ? (
+					<DatePicker
+						className={styles.input__element__comp}
+						onChange={onChange}
+					/>
+				) : null}
+				{type === 'drop-down' ? (
+					<Select
+						defaultValue="Select"
+						className={styles.input__element__dropdown}
+						onChange={onChange}
+					>
+						{data.map((item: any) => (
+							<Option key={item.value} value={item.value}>
+								{item.name}
+							</Option>
+						))}
+					</Select>
+				) : null}
+				{type === 'textarea' ? (
+					<TextArea
+						rows={4}
+						className={styles.input__element__comp}
+						onChange={onChange}
+					/>
+				) : null}
+			</div>
+		</div>
+	)
+}
+
+export default CustomInput
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -0,0 +1,76 @@
+import React from 'react'
+import styles from '../styles/Components/CustomHeader.module.css'
+import {
+	BellOutlined,
+	MessageOutlined,
+	DownOutlined,
+	UserOutlined,
+} from '@ant-design/icons'
+import { Dropdown, Menu, Space } from 'antd'
+
+const menu = (
+	<Menu
+		items={[
+			{
+				label: <a href="https://www.antgroup.com">1st menu item</a>,
+				key: '0',
+			},
+			{
+				label: <a href="https://www.aliyun.com">2nd menu item</a>,
+				key: '1',
+			},
+			{
+				type: 'divider',
+			},
+			{
+				label: '3rd menu item',
+				key: '3',
+			},
+		]}
+	/>
+)
+
+const CustomHeader = () => {
+	return (
+		<div className={styles.custom__header__wrapper}>
+			<div className={styles.custom__part__1}>
+				<div className={styles.custom__institute__name}>
+					<div className={styles.insitute__title}>
+						Indian Institute of Information Technology, Vadodara
+					</div>
+				</div>
+			</div>
+			<div className={styles.custom__part__2}>
+				<div>
+					<BellOutlined className={styles.header__icon__style} />
+				</div>
+				<div>
+					{/* #B2B2B2 */}
+					<MessageOutlined className={styles.header__icon__style} />
+				</div>
+
+				<div className={styles.admin__dropdown}>
+					<div className={styles.admin__photo}>
+						<UserOutlined className={styles.header__icon__style} />
+					</div>
+					<div>
+						<Dropdown
+							overlay={menu}
+							trigger={['click']}
+							className={styles.custom__dropdown}
+						>
+							<a onClick={(e) => e.preventDefault()}>
+								<Space>
+									Dhruv Dave
+									<DownOutlined />
+								</Space>
+							</a>
+						</Dropdown>
+					</div>
+				</div>
+			</div>
+		</div>
+	)
+}
+
+export default CustomHeader
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		CITY_API_KEY=""

		BACKEND_API_TOKEN="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNjc4Nzc5NDEzLCJpYXQiOjE2NjE0OTk0MTMsImp0aSI6IjdiM2E2NzYzNWIxYjRkYWZiMTljYTg1NmI3NGQ0MWI1IiwidXNlcl9pZCI6Mn0.dzHFep_buR6XWpNCkrOkGEuh7Ah1H3M0M1sfL85XogM"