Skip to content

Commit 4ab0cd5

Browse files
jonatan-holmgrenjonatan-holmgren
committed
Lint
1 parent 9a739e0 commit 4ab0cd5

File tree

7 files changed

+29
-29
lines changed

7 files changed

+29
-29
lines changed

‎web/src/components/item/ItemPreview.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export const AvatarHolder: FC<{
7070
)}
7171
<Avatar.Fallback
7272
className={clsx(
73-
'bg-backgroundSecondary flex h-full w-full items-center justify-center text-base font-medium leading-none text-pink-500',
73+
'flex h-full w-full items-center justify-center bg-backgroundSecondary text-base font-medium leading-none text-pink-500',
7474
size === 'compact' && '!text-[0.6em]'
7575
)}
7676
delayMs={0}
@@ -115,8 +115,8 @@ export const ItemPreviewHoverCard: FC<{
115115
/>
116116
<div className="flex flex-col gap-3">
117117
<div>
118-
<div className="text-foreground bold">{item?.name}</div>
119-
<div className="text-foreground faded">#{formattedItemId}</div>
118+
<div className="bold text-foreground">{item?.name}</div>
119+
<div className="faded text-foreground">#{formattedItemId}</div>
120120
</div>
121121
{/* <div className="text-foreground">
122122
Components, icons, colors, and templates
@@ -194,7 +194,7 @@ const ItemPreviewLarge: FC<{
194194
data-testid="item-preview-large"
195195
>
196196
{formattedItemId && (
197-
<div className="bg-background absolute left-0 top-0 z-10 rounded-br-md rounded-tl-md border-b border-r px-1 py-0.5 text-sm">#{formattedItemId}</div>
197+
<div className="absolute left-0 top-0 z-10 rounded-br-md rounded-tl-md border-b border-r bg-background px-1 py-0.5 text-sm">#{formattedItemId}</div>
198198
)}
199199
<div className="mx-auto md:mx-0">
200200
<AvatarHolder
@@ -375,7 +375,7 @@ export const ItemPreview: FC<Properties> = ({ item_id, variant }) => {
375375
randomHue={randomHue}
376376
/>
377377
<span className="flex items-baseline justify-start gap-0.5 overflow-hidden">
378-
<span className="text-foreground text-ellipsis whitespace-nowrap">
378+
<span className="text-ellipsis whitespace-nowrap text-foreground">
379379
{item?.name || UNKNOWN_ITEM}
380380
</span>
381381
{/* TODO: Figure out why -z-10 is needed to prevent overlap with user preview in logs page */}
@@ -419,11 +419,11 @@ export const ItemPreview: FC<Properties> = ({ item_id, variant }) => {
419419
randomHue={randomHue}
420420
/>
421421
<div className="flex flex-col justify-center -space-y-1.5 overflow-hidden">
422-
<div className="text-foreground overflow-hidden text-ellipsis whitespace-nowrap">
422+
<div className="overflow-hidden text-ellipsis whitespace-nowrap text-foreground">
423423
{item?.name || UNKNOWN_ITEM}
424424
</div>
425425
{formattedItemId && (
426-
<div className="text-foreground faded">
426+
<div className="faded text-foreground">
427427
#{formattedItemId}
428428
</div>
429429
)}

‎web/src/components/media/MediaPreview.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ export const MediaPreview: FC<{
164164
return (
165165
<div
166166
className={clsx(
167-
'bg-background relative aspect-video h-fit w-full max-w-md rounded-md',
167+
'relative aspect-video h-fit w-full max-w-md rounded-md bg-background',
168168
status == 'new-media' &&
169169
isPending &&
170170
'border-2 border-blue-400',

‎web/src/components/navigation/Navbar.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ export const Navbar = () => {
109109
<nav
110110
role="navigation"
111111
aria-label="Main"
112-
className="bg-background fixed bottom-0 z-20 flex h-16 w-full items-center justify-between border-t md:sticky md:top-0 md:h-9 md:border-b"
112+
className="fixed bottom-0 z-20 flex h-16 w-full items-center justify-between border-t bg-background md:sticky md:top-0 md:h-9 md:border-b"
113113
>
114114
<Link
115115
to="/"
@@ -157,7 +157,7 @@ export const Navbar = () => {
157157
<Link
158158
to={path}
159159
data-testid={slug}
160-
className="text-foreground flex cursor-pointer items-center justify-start rounded-md py-2.5 hover:bg-black/5"
160+
className="flex cursor-pointer items-center justify-start rounded-md py-2.5 text-foreground hover:bg-black/5"
161161
>
162162
{icon}
163163
<span className="text-sm">{name}</span>
@@ -181,7 +181,7 @@ export const Navbar = () => {
181181
<Dropdown.Item asChild>
182182
<Link
183183
to={login_here_url}
184-
className="text-foreground flex items-center justify-center py-2 hover:bg-black/5"
184+
className="flex items-center justify-center py-2 text-foreground hover:bg-black/5"
185185
>
186186
<FiLogIn />
187187
<span className="text-sm">
@@ -202,7 +202,7 @@ export const Navbar = () => {
202202
<Dropdown.Root>
203203
<Dropdown.Trigger asChild>
204204
<button
205-
className="text-foreground flex h-full items-center gap-2 p-1 px-2 hover:bg-black/5"
205+
className="flex h-full items-center gap-2 p-1 px-2 text-foreground hover:bg-black/5"
206206
data-testid="user-dropdown-trigger"
207207
>
208208
<AvatarHolder
@@ -239,7 +239,7 @@ export const Navbar = () => {
239239
{(!token || (token && !meData)) && (
240240
<a
241241
href={login_here_url}
242-
className="text-foreground flex h-full items-center border-t px-2 py-0.5 hover:bg-black/10 md:border-l"
242+
className="flex h-full items-center border-t px-2 py-0.5 text-foreground hover:bg-black/10 md:border-l"
243243
data-testid="login-button"
244244
>
245245
Login

‎web/src/components/settings/nav.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ const ExpandableItem = ({ path, label, icon }: { path: [string, string][], label
4444
<div className="flex w-full flex-col">
4545
<Accordion.Trigger>
4646
<div className={clsx(
47-
'hover:bg-accent text-foreground relative flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-2 py-1',
47+
'relative flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-2 py-1 text-foreground hover:bg-accent',
4848
)}>
4949
<div className='flex items-center gap-2'>
5050
{icon}
@@ -63,8 +63,8 @@ const ExpandableItem = ({ path, label, icon }: { path: [string, string][], label
6363
to={path as string}
6464
activeOptions={{ exact: true }}
6565
className={clsx(
66-
'text-foreground hover:bg-accent relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-1 pl-8 text-sm',
67-
'[&.active]:text-foreground [&.active]:bg-neutral-500/10',
66+
'relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-1 pl-8 text-sm text-foreground hover:bg-accent',
67+
'[&.active]:bg-neutral-500/10 [&.active]:text-foreground',
6868
// eslint-disable-next-line quotes
6969
"[&.active]:before:content-['']",
7070
'[&.active]:before:absolute [&.active]:before:-left-3 [&.active]:before:bottom-[12%] [&.active]:before:top-[12%] [&.active]:before:w-1 [&.active]:before:rounded-md [&.active]:before:bg-blue-500'
@@ -170,8 +170,8 @@ export const SettingsNav = () => {
170170
to={path as string}
171171
activeOptions={{ exact: true }}
172172
className={clsx(
173-
'text-foreground hover:bg-accent relative flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1',
174-
'[&.active]:text-foreground [&.active]:bg-neutral-500/10',
173+
'relative flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-foreground hover:bg-accent',
174+
'[&.active]:bg-neutral-500/10 [&.active]:text-foreground',
175175
// eslint-disable-next-line quotes
176176
"[&.active]:before:content-['']",
177177
'[&.active]:before:absolute [&.active]:before:-left-3 [&.active]:before:bottom-[12%] [&.active]:before:top-[12%] [&.active]:before:w-1 [&.active]:before:rounded-md [&.active]:before:bg-blue-500'

‎web/src/components/user/UserProfile.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@ export const UserProfileHoverCard: FC<{
6363
/>
6464
<div className="flex flex-col gap-3">
6565
<div>
66-
<div className="text-foreground bold">{user?.name}</div>
67-
<div className="text-foreground faded">#{user?.user_id}</div>
66+
<div className="bold text-foreground">{user?.name}</div>
67+
<div className="faded text-foreground">#{user?.user_id}</div>
6868
</div>
6969
{/* <div className="text-foreground">
7070
Components, icons, colors, and templates
@@ -73,12 +73,12 @@ export const UserProfileHoverCard: FC<{
7373
</div> */}
7474
<div className="flex gap-3">
7575
<div className="flex gap-1">
76-
<div className="text-foreground bold">0</div>{' '}
77-
<div className="text-foreground faded">Following</div>
76+
<div className="bold text-foreground">0</div>{' '}
77+
<div className="faded text-foreground">Following</div>
7878
</div>
7979
<div className="flex gap-1">
80-
<div className="text-foreground bold">2,900</div>{' '}
81-
<div className="text-foreground faded">Followers</div>
80+
<div className="bold text-foreground">2,900</div>{' '}
81+
<div className="faded text-foreground">Followers</div>
8282
</div>
8383
</div>
8484
</div>
@@ -142,7 +142,7 @@ export const UserProfile: FC<Properties> = ({ user_id, variant }) => {
142142
initials={getInitials(user?.name)}
143143
size="compact"
144144
/>
145-
<span className="text-foreground !leading-[0.75em]">
145+
<span className="!leading-[0.75em] text-foreground">
146146
{user?.first_name ||
147147
user?.name ||
148148
UNKNOWN_USER}
@@ -165,10 +165,10 @@ export const UserProfile: FC<Properties> = ({ user_id, variant }) => {
165165
initials={getInitials(user?.name)}
166166
/>
167167
<div className="flex flex-col justify-center gap-1">
168-
<div className="text-foreground !leading-[0.75em]">
168+
<div className="!leading-[0.75em] text-foreground">
169169
{user?.name || UNKNOWN_USER}
170170
</div>
171-
<div className="text-foreground faded !leading-[0.75em]">
171+
<div className="faded !leading-[0.75em] text-foreground">
172172
{me?.user_id === user?.user_id
173173
? 'You'
174174
: `#${user?.user_id}`}

‎web/src/components/user/sessions/ActiveSessionsTable.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const ActiveSession: FC<{ session: SessionResponse }> = ({ session }) => {
2222
return (
2323
<div
2424
key={session.session_id}
25-
className="bg-backgroundSecondary flex h-fit items-center justify-between gap-2 p-2"
25+
className="flex h-fit items-center justify-between gap-2 bg-backgroundSecondary p-2"
2626
>
2727
{geoip?.latitude && (
2828
<div className="h-full">

‎web/src/routes/item/$itemId/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ export const Route = createFileRoute('/item/$itemId/')({
169169
<SCPage title={'Could not load the item'}>
170170
<div className="card space-y-3">
171171
<p>There was an issue loading the item.</p>
172-
<code className="bg-muted block rounded-md p-2">
172+
<code className="block rounded-md bg-muted p-2">
173173
{error.message}
174174
</code>
175175
<Button onClick={() => router.invalidate()}>Retry</Button>

0 commit comments

Comments
 (0)