Skip to content

Commit daa8c41

Browse files
NalinDalalNalinDalal
committed
Linting done
1 parent bdf35e2 commit daa8c41

File tree

9 files changed

+368
-641
lines changed

9 files changed

+368
-641
lines changed

‎components/CaseStudyCard.tsx

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -19,21 +19,17 @@ export default function CaseStudyCard({ studies = [] }: ICaseStudyCardProps) {
1919
}
2020

2121
return (
22-
<div className="flex flex-wrap gap-3 pt-10 lg:grid lg:grid-cols-3 lg:gap-8 lg:text-center">
22+
<div className='flex flex-wrap gap-3 pt-10 lg:grid lg:grid-cols-3 lg:gap-8 lg:text-center'>
2323
{studies.map((study, index) => (
2424
<a key={index} href={`casestudies/${study.id}`}>
2525
<div
26-
className="overflow-hidden p-4 max-w-sm h-full bg-white rounded-md border border-gray-200 transition-transform transform hover:shadow-lg hover:scale-105 min-h-[300px]"
27-
data-testid="CaseStudyCard-main"
26+
className='h-full min-h-[300px] max-w-sm overflow-hidden rounded-md border border-gray-200 bg-white p-4 transition-transform hover:scale-105 hover:shadow-lg'
27+
data-testid='CaseStudyCard-main'
2828
>
29-
<span className="mr-2">
30-
<img
31-
className="m-auto h-16"
32-
src={study.company.logo}
33-
alt={study.company.name}
34-
/>
29+
<span className='mr-2'>
30+
<img className='m-auto h-16' src={study.company.logo} alt={study.company.name} />
3531
</span>
36-
<Paragraph typeStyle={ParagraphTypeStyle.md} className="my-4">
32+
<Paragraph typeStyle={ParagraphTypeStyle.md} className='my-4'>
3733
{study.company.description}
3834
</Paragraph>
3935
</div>

‎components/dashboard/Header.tsx

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React from 'react';
22

3-
import Button from '../buttons/Button';
43
import GithubButton from '../buttons/GithubButton';
54
import SlackButton from '../buttons/SlackButton';
65

@@ -9,26 +8,23 @@ import SlackButton from '../buttons/SlackButton';
98
*/
109
export default function Header() {
1110
return (
12-
<div className="sm:flex sm:justify-between" id="main-content">
13-
<div className="lg:flex lg:justify-between">
14-
<div className="max-w-xl">
11+
<div className='sm:flex sm:justify-between' id='main-content'>
12+
<div className='lg:flex lg:justify-between'>
13+
<div className='max-w-xl'>
1514
<h2
16-
className="text-4xl font-extrabold leading-10 text-gray-900 sm:text-4xl sm:tracking-tight sm:leading-none"
17-
data-testid="Header-heading"
15+
className='text-4xl font-extrabold leading-10 text-gray-900 sm:text-4xl sm:leading-none sm:tracking-tight'
16+
data-testid='Header-heading'
1817
>
1918
Dashboard
2019
</h2>
21-
<p
22-
className="mt-5 text-xl leading-7 text-gray-700"
23-
data-testid="Header-paragraph"
24-
>
20+
<p className='mt-5 text-xl leading-7 text-gray-700' data-testid='Header-paragraph'>
2521
Visualize our progress. Get involved.{' '}
2622
</p>
2723
</div>
2824
</div>
29-
<div className="flex flex-col gap-y-1 gap-x-2 self-end mt-3 text-center xs:flex-row">
30-
<GithubButton text="View on Github" className="lg:mt-0" />
31-
<SlackButton className="lg:mt-0" />
25+
<div className='mt-3 flex flex-col gap-x-2 gap-y-1 self-end text-center xs:flex-row'>
26+
<GithubButton text='View on Github' className='lg:mt-0' />
27+
<SlackButton className='lg:mt-0' />
3228
</div>
3329
</div>
3430
);

‎components/dashboard/table/Filters.tsx

Lines changed: 21 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,7 @@ interface FilterProps {
1919
/**
2020
* @description Hook that alerts clicks outside of the passed ref
2121
*/
22-
function useOutsideAlerter(
23-
ref: RefObject<any>,
24-
setOpen: (open: boolean) => void,
25-
) {
22+
function useOutsideAlerter(ref: RefObject<any>, setOpen: (open: boolean) => void) {
2623
/**
2724
* @description This useEffect handles the click event outside of the element
2825
*/
@@ -58,17 +55,16 @@ function useOutsideAlerter(
5855
* @param {(area: string) => void} props.setSelectedArea - The function to set the selected area.
5956
*/
6057
export default function Filters({
61-
className,
6258
allIssues,
6359
selectedRepo,
6460
selectedArea,
6561
setSelectedRepo,
66-
setSelectedArea,
62+
setSelectedArea
6763
}: FilterProps) {
6864
const [open, setOpen] = useState(false);
69-
const { x, y, reference, floating, strategy } = useFloating({
65+
const { x, y, floating, strategy } = useFloating({
7066
placement: 'left-start',
71-
open,
67+
open
7268
});
7369

7470
const wrapperRef = useRef(null);
@@ -77,29 +73,19 @@ export default function Filters({
7773
const areas = allIssues.map((issue) => issue.area);
7874
const uniqueAreas = ['All', ...Array.from(new Set(areas))].map((area) => ({
7975
value: area === undefined ? 'All' : area,
80-
text: area === undefined ? 'All' : area,
76+
text: area === undefined ? 'All' : area
8177
}));
8278

8379
const repos = allIssues.map((issue) => issue.repo);
8480
const uniqueRepos = ['All', ...Array.from(new Set(repos))].map((repo) => ({
8581
value: repo,
86-
text: repo,
82+
text: repo
8783
}));
8884

8985
return (
9086
<>
91-
<svg
92-
width="20"
93-
height="20"
94-
viewBox="0 0 200 250"
95-
xlmns="http://www.w3.org/2000/svg"
96-
>
97-
<polygon
98-
points="10, 10 190,10 120,150 120, 220 80,220 80,150"
99-
fill="gray"
100-
stroke="black"
101-
stroke-width="2"
102-
/>
87+
<svg width='20' height='20' viewBox='0 0 200 250' xlmns='http://www.w3.org/2000/svg'>
88+
<polygon points='10, 10 190,10 120,150 120, 220 80,220 80,150' fill='gray' stroke='black' stroke-width='2' />
10389
</svg>
10490

10591
<div ref={wrapperRef}>
@@ -109,36 +95,28 @@ export default function Filters({
10995
className={`${strategy} ${x && x > 0 ? `left-[${x}px]` : 'left-[14px]'}`}
11096
style={{
11197
top: y ?? '',
112-
left: x && x > 0 ? x : '',
98+
left: x && x > 0 ? x : ''
11399
}}
114-
data-testid="Filter-menu"
100+
data-testid='Filter-menu'
115101
>
116-
<div className="w-96 bg-white rounded shadow-xl max-w-[19rem]">
117-
<div className="flex p-4">
118-
<h4 className="text-base">Filter Issues</h4>
119-
<button onClick={() => setOpen(!open)} className="ml-auto">
120-
<img
121-
src="/img/illustrations/icons/close-icon.svg"
122-
alt="close"
123-
/>
102+
<div className='w-96 max-w-[19rem] rounded bg-white shadow-xl'>
103+
<div className='flex p-4'>
104+
<h4 className='text-base'>Filter Issues</h4>
105+
<button onClick={() => setOpen(!open)} className='ml-auto'>
106+
<img src='/img/illustrations/icons/close-icon.svg' alt='close' />
124107
</button>
125108
</div>
126-
<div className="w-full h-px bg-gray-900" />
127-
<div className="flex flex-col gap-2 p-4">
128-
<h5 className="text-base">BY REPOSITORY</h5>
109+
<div className='h-px w-full bg-gray-900' />
110+
<div className='flex flex-col gap-2 p-4'>
111+
<h5 className='text-base'>BY REPOSITORY</h5>
129112
<Select
130113
options={uniqueRepos}
131114
onChange={setSelectedRepo}
132-
className="mb-4 w-full"
115+
className='mb-4 w-full'
133116
selected={selectedRepo}
134117
/>
135-
<h5 className="text-base">BY AREA</h5>
136-
<Select
137-
options={uniqueAreas}
138-
onChange={setSelectedArea}
139-
className="w-full"
140-
selected={selectedArea}
141-
/>
118+
<h5 className='text-base'>BY AREA</h5>
119+
<Select options={uniqueAreas} onChange={setSelectedArea} className='w-full' selected={selectedArea} />
142120
</div>
143121
</div>
144122
</div>

‎components/navigation/BlogPostItem.tsx

Lines changed: 18 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ interface BlogPostItemProps {
3131
*/
3232
export default forwardRef(function BlogPostItem(
3333
{ post, className = '', id = '' }: BlogPostItemProps,
34-
ref: Ref<HTMLLIElement> /** Reference object for the component. */,
34+
ref: Ref<HTMLLIElement> /** Reference object for the component. */
3535
) {
3636
let typeColors: [string, string] = ['bg-indigo-100', 'text-indigo-800'];
3737

@@ -57,25 +57,17 @@ export default forwardRef(function BlogPostItem(
5757
ref={ref}
5858
id={id}
5959
>
60-
<article className="h-full rounded-lg border border-gray-300 shadow-md hover:border-gray-400 hover:shadow-xl">
60+
<article className='h-full rounded-lg border border-gray-300 shadow-md hover:border-gray-400 hover:shadow-xl'>
6161
<Link href={post.slug}>
62-
<span className="flex overflow-hidden flex-col h-full rounded-lg divide-y divide-gray-200 cursor-pointer">
62+
<span className='flex h-full cursor-pointer flex-col divide-y divide-gray-200 overflow-hidden rounded-lg'>
6363
{/* Blog Image */}
64-
<img
65-
className="object-cover w-full h-48"
66-
src={post.cover}
67-
alt={post.title}
68-
loading="lazy"
69-
/>
64+
<img className='h-48 w-full object-cover' src={post.cover} alt={post.title} loading='lazy' />
7065

7166
{/* Blog Content */}
72-
<div className="flex flex-col flex-1 justify-between p-6 bg-white md:p-8">
73-
<div className="flex-1">
67+
<div className='flex flex-1 flex-col justify-between bg-white p-6 md:p-8'>
68+
<div className='flex-1'>
7469
{/* Blog Type Badge */}
75-
<Paragraph
76-
typeStyle={ParagraphTypeStyle.sm}
77-
textColor="text-indigo-500"
78-
>
70+
<Paragraph typeStyle={ParagraphTypeStyle.sm} textColor='text-indigo-500'>
7971
<span
8072
className={`inline-flex items-center rounded-full px-3 py-0.5 ${typeColors[0]} ${typeColors[1]}`}
8173
>
@@ -84,45 +76,32 @@ export default forwardRef(function BlogPostItem(
8476
</Paragraph>
8577

8678
{/* Blog Title */}
87-
<Heading
88-
level={HeadingLevel.h5}
89-
typeStyle={HeadingTypeStyle.smSemibold}
90-
className="mt-3"
91-
>
79+
<Heading level={HeadingLevel.h5} typeStyle={HeadingTypeStyle.smSemibold} className='mt-3'>
9280
{post.title}
9381
</Heading>
9482

9583
{/* Blog Excerpt */}
96-
<Paragraph
97-
typeStyle={ParagraphTypeStyle.sm}
98-
className="mt-4 text-gray-600"
99-
>
100-
<TextTruncate element="span" line={4} text={post.excerpt} />
84+
<Paragraph typeStyle={ParagraphTypeStyle.sm} className='mt-4 text-gray-600'>
85+
<TextTruncate element='span' line={4} text={post.excerpt} />
10186
</Paragraph>
10287
</div>
10388

10489
{/* Author & Date */}
105-
<div className="flex items-center mt-6">
106-
<div className="relative shrink-0">
90+
<div className='mt-6 flex items-center'>
91+
<div className='relative shrink-0'>
10792
<AuthorAvatars authors={post.authors} />
10893
</div>
109-
<div className="ml-3">
110-
<Heading
111-
level={HeadingLevel.h3}
112-
typeStyle={HeadingTypeStyle.xsSemibold}
113-
textColor="text-gray-900"
114-
>
94+
<div className='ml-3'>
95+
<Heading level={HeadingLevel.h3} typeStyle={HeadingTypeStyle.xsSemibold} textColor='text-gray-900'>
11596
{post.authors.map((author, index) => (
116-
<span key={index} className="hover:underline">
97+
<span key={index} className='hover:underline'>
11798
{author.name}
11899
</span>
119100
))}
120101
</Heading>
121-
<Paragraph typeStyle={ParagraphTypeStyle.sm} className="flex">
122-
<time dateTime={post.date}>
123-
{moment(post.date).format('MMMM D, YYYY')}
124-
</time>
125-
<span className="mx-1">&middot;</span>
102+
<Paragraph typeStyle={ParagraphTypeStyle.sm} className='flex'>
103+
<time dateTime={post.date}>{moment(post.date).format('MMMM D, YYYY')}</time>
104+
<span className='mx-1'>&middot;</span>
126105
<span>{post.readingTime} min read</span>
127106
</Paragraph>
128107
</div>

‎components/navigation/MobileNavMenu.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ export default function MobileNavMenu({
8585
<div className='space-y-2 px-5 py-2' onClick={() => showMenu('learning')} data-testid='MobileNav-docs'>
8686
<h4 className='flex justify-between font-medium text-gray-800'>
8787
{' '}
88-
<Link href='/docs' className='cursor-pointer flex'>
88+
<Link href='/docs' className='flex cursor-pointer'>
8989
Docs
9090
</Link>
9191
<NavItemDropdown />
@@ -95,7 +95,7 @@ export default function MobileNavMenu({
9595
<div className='space-y-2 px-5 py-2' onClick={() => showMenu('tooling')} data-testid='MobileNav-tools'>
9696
<h4 className='flex justify-between font-medium text-gray-800'>
9797
{' '}
98-
<Link href='/tools' className='cursor-pointer flex'>
98+
<Link href='/tools' className='flex cursor-pointer'>
9999
Tools
100100
</Link>
101101
<NavItemDropdown />
@@ -104,7 +104,7 @@ export default function MobileNavMenu({
104104
</div>
105105
<div className='space-y-2 px-5 py-2' onClick={() => showMenu('community')} data-testid='MobileNav-community'>
106106
<h4 className='flex justify-between font-medium text-gray-800'>
107-
<Link href='/community' className='cursor-pointer flex'>
107+
<Link href='/community' className='flex cursor-pointer'>
108108
Community
109109
</Link>
110110
<NavItemDropdown />

‎package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -168,5 +168,6 @@
168168
"remark-mdx": "^3.0.1",
169169
"storybook": "^8.2.4",
170170
"typescript": "^5.3.3"
171-
}
171+
},
172+
"packageManager": "[email protected]+sha512.e5a7e52a4183a02d5931057f7a0dbff9d5e9ce3161e33fa68ae392125b79282a8a8a470a51dfc8a0ed86221442eb2fb57019b0990ed24fab519bf0e1bc5ccfc4"
172173
}

0 commit comments

Comments
 (0)