Skip to content

Commit 0a2a87e

Browse files
mehdi-ramehdi-ra
committed
fix(eslint): problems with lint fixed
1 parent 6582680 commit 0a2a87e

22 files changed

+1028
-1016
lines changed

‎eslint.config.mjs‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ export default defineConfig(
1111
rules: {
1212
'@stylistic/arrow-parens': 'off',
1313
'import/no-anonymous-default-export': 'off',
14+
'@eslint-react/no-children-map': 'off',
1415
},
1516
},
1617
{

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
"name": "devopshobbies-landing",
33
"version": "1.0.0",
44
"private": true,
5+
"packageManager": "pnpm@8.15.0",
56
"description": "DevOps Hobbies Landing Page",
67
"author": "Mehdi Rahimi <mehdirahimi.dev@gmail.com>",
7-
"packageManager": "pnpm@8.15.0",
88
"license": "MIT",
99
"keywords": [
1010
"nextjs",
@@ -77,4 +77,4 @@
7777
"pnpm run format"
7878
]
7979
}
80-
}
80+
}

‎src/app/layout.tsx‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import './globals.css'
2+
import '@fortawesome/fontawesome-svg-core/styles.css'
23

4+
import { config } from '@fortawesome/fontawesome-svg-core'
35
import type { Metadata } from 'next'
4-
import { Layout } from '@/components'
56
import { Inter } from 'next/font/google'
6-
import '@fortawesome/fontawesome-svg-core/styles.css'
7-
import { config } from '@fortawesome/fontawesome-svg-core'
8-
import { ThemeProvider } from "@/components/theme-provider"
7+
8+
import { Layout } from '@/components'
9+
import { ThemeProvider } from '@/components/theme-provider'
910

1011
const inter = Inter({ subsets: ['latin'] })
1112
config.autoAddCss = false
@@ -23,7 +24,7 @@ export default function RootLayout({
2324
return (
2425
<html lang="en" suppressHydrationWarning>
2526
<body className={inter.className}>
26-
<ThemeProvider attribute="class" defaultTheme="dark" >
27+
<ThemeProvider attribute="class" defaultTheme="dark">
2728
<Layout>{children}</Layout>
2829
</ThemeProvider>
2930
</body>

‎src/app/page.tsx‎

Lines changed: 39 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1-
import { BentoCard, BentoGrid } from "@/components/magicui/bento-grid";
2-
import RepositorySlider from "@/components/ui/repository-slider";
3-
import { InputIcon, BellIcon, CalendarIcon, FileTextIcon, GlobeIcon } from "@radix-ui/react-icons";
4-
import { FaMobileAlt, FaNodeJs, FaPython, FaReact, FaServer, FaVuejs } from "react-icons/fa";
1+
import { BellIcon, CalendarIcon, FileTextIcon, GlobeIcon, InputIcon } from '@radix-ui/react-icons'
2+
import { FaMobileAlt, FaNodeJs, FaPython, FaReact, FaServer, FaVuejs } from 'react-icons/fa'
3+
4+
import { BentoCard, BentoGrid } from '@/components/magicui/bento-grid'
5+
import RepositorySlider from '@/components/ui/repository-slider'
56

67
export default function Home() {
78
const repositories = [
@@ -16,7 +17,7 @@ export default function Home() {
1617
language: 'JavaScript',
1718
languageColor: '#61DAFB',
1819
icon: <FaReact />,
19-
updated: 'Updated 2 days ago'
20+
updated: 'Updated 2 days ago',
2021
},
2122
{
2223
id: '2',
@@ -29,7 +30,7 @@ export default function Home() {
2930
language: 'Python',
3031
languageColor: '#3572A5',
3132
icon: <FaPython />,
32-
updated: 'Updated 1 week ago'
33+
updated: 'Updated 1 week ago',
3334
},
3435
{
3536
id: '3',
@@ -42,7 +43,7 @@ export default function Home() {
4243
language: 'Vue',
4344
languageColor: '#41B883',
4445
icon: <FaVuejs />,
45-
updated: 'Updated 3 days ago'
46+
updated: 'Updated 3 days ago',
4647
},
4748
{
4849
id: '4',
@@ -55,7 +56,7 @@ export default function Home() {
5556
language: 'Node.js',
5657
languageColor: '#339933',
5758
icon: <FaNodeJs />,
58-
updated: 'Updated 5 days ago'
59+
updated: 'Updated 5 days ago',
5960
},
6061
{
6162
id: '5',
@@ -68,7 +69,7 @@ export default function Home() {
6869
language: 'Dart',
6970
languageColor: '#02569B',
7071
icon: <FaMobileAlt />,
71-
updated: 'Updated yesterday'
72+
updated: 'Updated yesterday',
7273
},
7374
{
7475
id: '6',
@@ -81,57 +82,57 @@ export default function Home() {
8182
language: 'Go',
8283
languageColor: '#007396',
8384
icon: <FaServer />,
84-
updated: 'Updated 2 weeks ago'
85-
}
86-
];
85+
updated: 'Updated 2 weeks ago',
86+
},
87+
]
8788
const features = [
8889
{
8990
Icon: FileTextIcon,
90-
name: "Save your files",
91-
description: "We automatically save your files as you type.",
92-
href: "/",
93-
cta: "Learn more",
91+
name: 'Save your files',
92+
description: 'We automatically save your files as you type.',
93+
href: '/',
94+
cta: 'Learn more',
9495
background: <img className="absolute -right-20 -top-20 opacity-60" />,
95-
className: "lg:row-start-1 lg:row-end-4 lg:col-start-2 lg:col-end-3",
96+
className: 'lg:row-start-1 lg:row-end-4 lg:col-start-2 lg:col-end-3',
9697
},
9798
{
9899
Icon: InputIcon,
99-
name: "Full text search",
100-
description: "Search through all your files in one place.",
101-
href: "/",
102-
cta: "Learn more",
100+
name: 'Full text search',
101+
description: 'Search through all your files in one place.',
102+
href: '/',
103+
cta: 'Learn more',
103104
background: <img className="absolute -right-20 -top-20 opacity-60" />,
104-
className: "lg:col-start-1 lg:col-end-2 lg:row-start-1 lg:row-end-3",
105+
className: 'lg:col-start-1 lg:col-end-2 lg:row-start-1 lg:row-end-3',
105106
},
106107
{
107108
Icon: GlobeIcon,
108-
name: "Multilingual",
109-
description: "Supports 100+ languages and counting.",
110-
href: "/",
111-
cta: "Learn more",
109+
name: 'Multilingual',
110+
description: 'Supports 100+ languages and counting.',
111+
href: '/',
112+
cta: 'Learn more',
112113
background: <img className="absolute -right-20 -top-20 opacity-60" />,
113-
className: "lg:col-start-1 lg:col-end-2 lg:row-start-3 lg:row-end-4",
114+
className: 'lg:col-start-1 lg:col-end-2 lg:row-start-3 lg:row-end-4',
114115
},
115116
{
116117
Icon: CalendarIcon,
117-
name: "Calendar",
118-
description: "Use the calendar to filter your files by date.",
119-
href: "/",
120-
cta: "Learn more",
118+
name: 'Calendar',
119+
description: 'Use the calendar to filter your files by date.',
120+
href: '/',
121+
cta: 'Learn more',
121122
background: <img className="absolute -right-20 -top-20 opacity-60" />,
122-
className: "lg:col-start-3 lg:col-end-3 lg:row-start-1 lg:row-end-2",
123+
className: 'lg:col-start-3 lg:col-end-3 lg:row-start-1 lg:row-end-2',
123124
},
124125
{
125126
Icon: BellIcon,
126-
name: "Notifications",
127+
name: 'Notifications',
127128
description:
128-
"Get notified when someone shares a file or mentions you in a comment.",
129-
href: "/",
130-
cta: "Learn more",
129+
'Get notified when someone shares a file or mentions you in a comment.',
130+
href: '/',
131+
cta: 'Learn more',
131132
background: <img className="absolute -right-20 -top-20 opacity-60" />,
132-
className: "lg:col-start-3 lg:col-end-3 lg:row-start-2 lg:row-end-4",
133+
className: 'lg:col-start-3 lg:col-end-3 lg:row-start-2 lg:row-end-4',
133134
},
134-
];
135+
]
135136
return (
136137
<>
137138
<BentoGrid className="lg:grid-rows-3">

‎src/components/layout/footer.tsx‎

Lines changed: 30 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,33 @@
1+
import { faCircle } from '@fortawesome/free-solid-svg-icons'
2+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
3+
import Link from 'next/link'
4+
15
import styles from '@/styles/home.module.css'
2-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3-
import { faCircle, faHeart } from "@fortawesome/free-solid-svg-icons"
4-
import Link from 'next/link';
5-
const AppFooter = () => {
6-
return (
7-
<footer className={styles.footer}>
8-
<div className='w-full flex flex-col justify-center px-4 py-2 rounded '>
9-
<div className='flex justify-start items-center'>
10-
<p className='pr-2'>
11-
Copyright
12-
</p>
13-
<FontAwesomeIcon icon={faCircle} size="2xs" />
14-
<p className='pl-2'>
15-
2024 Devops Hobbies
16-
</p>
17-
</div>
18-
<div className='flex pt-2'>
19-
<Link href="#" className='pr-4 flex items-center '><span className='underline'>Pricing</span></Link>
20-
<Link href="#" className='pr-4 flex items-center '><span className='underline'>Contact</span></Link>
21-
<Link href="#" className='pr-4 flex items-center '><span className='underline'>Twitter</span></Link>
22-
<Link href="#" className='pr-4 flex items-center '><span className='underline'>Terms of Service</span></Link>
23-
<Link href="#" className='flex items-center '><span className='underline'>Privacy Policy</span></Link>
24-
</div>
25-
</div>
266

27-
</footer >
28-
);
29-
};
7+
function AppFooter() {
8+
return (
9+
<footer className={styles.footer}>
10+
<div className="w-full flex flex-col justify-center px-4 py-2 rounded ">
11+
<div className="flex justify-start items-center">
12+
<p className="pr-2">
13+
Copyright
14+
</p>
15+
<FontAwesomeIcon icon={faCircle} size="2xs" />
16+
<p className="pl-2">
17+
2024 Devops Hobbies
18+
</p>
19+
</div>
20+
<div className="flex pt-2">
21+
<Link href="#" className="pr-4 flex items-center "><span className="underline">Pricing</span></Link>
22+
<Link href="#" className="pr-4 flex items-center "><span className="underline">Contact</span></Link>
23+
<Link href="#" className="pr-4 flex items-center "><span className="underline">Twitter</span></Link>
24+
<Link href="#" className="pr-4 flex items-center "><span className="underline">Terms of Service</span></Link>
25+
<Link href="#" className="flex items-center "><span className="underline">Privacy Policy</span></Link>
26+
</div>
27+
</div>
28+
29+
</footer>
30+
)
31+
}
3032

31-
export default AppFooter;
33+
export default AppFooter

0 commit comments

Comments
 (0)