neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2025-04-03 18:14:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

enhancement(lint): Fix lint errors for src/components/AboutPage/index.tsx

Browse source 
Co-authored-by: NeonGamerBot-QK <saahilattud@gmail.com>
Signed-off-by: zeon-neon[bot] <136533918+zeon-neon[bot]@users.noreply.github.com>
This commit is contained in:
zeon-neon[bot] 2024-09-07 02:59:16 +00:00 • committed by GitHub
parent 6dac522112
commit eca40cf37a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 42 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/components/AboutPage/index.tsx
View file

@ -1,48 +1,50 @@
import { mdiBullet } from '@mdi/js'
import Icon from '@mdi/react'
import { useEffect, useState } from 'react'
import { mdiBullet } from "@mdi/js";
import Icon from "@mdi/react";
import { useEffect, useState } from "react";
export default function AboutPage () {
const [currentGrade, setCurrentGrade] = useState<string>("0th")
export default function AboutPage() {
const [currentGrade, setCurrentGrade] = useState<string>("0th");
useEffect(() => {
let year:number = new Date().getFullYear()
let year: number = new Date().getFullYear();
if (year > 2027) {
let result = year - 2027
switch(result) {
case 0:
setCurrentGrade(`12th`)
let result = year - 2027;
switch (result) {
case 0:
setCurrentGrade(`12th`);
break;
default:
setCurrentGrade(`Collage Student`)
setCurrentGrade(`Collage Student`);
break;
}
} else {
setCurrentGrade(`${Math.abs((2027 - 2024) - 13)}th`)
setCurrentGrade(`${Math.abs(2027 - 2024 - 13)}th`);
}
})
});
return (
<div className={'hero min-h-screen md:ml-0 ml-2'}>
<div className='container'>
<h1 className='text-3xl font-bold'>
Some info about <span className='text-highlight'>me</span>
<div className={"hero min-h-screen md:ml-0 ml-2"}>
<div className="container">
<h1 className="text-3xl font-bold">
Some info about <span className="text-highlight">me</span>
</h1>
<div>
<blockquote className='mb-0 blockquote'>
<p style={{ textAlign: 'justify' }}>
Hi Everyone, I am{' '}
<span className='text-highlight '>Saahil dutta, </span>
from <span className='text-highlight '> USA </span>
<blockquote className="mb-0 blockquote">
<p style={{ textAlign: "justify" }}>
Hi Everyone, I am{" "}
<span className="text-highlight ">Saahil dutta, </span>
from <span className="text-highlight "> USA </span>
<br />I am a {currentGrade} grader in KCD.
<br />
<br />
Apart from coding, some other activities that I love to do!
</p>
<ul>
<li className='about-activity'>
<Icon path={mdiBullet} className='inline-block'size={1} /> Playing Games
<li className="about-activity">
<Icon path={mdiBullet} className="inline-block" size={1} />{" "}
Playing Games
</li>
<li className='about-activity'>
<Icon path={mdiBullet} className='inline-block' size={1} /> Eating different types of food
<li className="about-activity">
<Icon path={mdiBullet} className="inline-block" size={1} />{" "}
Eating different types of food
</li>
{/* <li className="about-activity">
<ImPointRight className="inline-block"/> Traveling