Skip to content

Commit 363d50a

Browse files
gregfromstlgregfromstl
committed
lint
1 parent a880e29 commit 363d50a

File tree

3 files changed

+24
-24
lines changed

3 files changed

+24
-24
lines changed

‎apps/dashboard/src/app/team/[team_slug]/[project_slug]/components/EmptyState.tsx‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
import { Button } from "@/components/ui/button";
2+
import { cn } from "@/lib/utils";
23
import { DotNetIcon } from "components/icons/brand-icons/DotNetIcon";
34
import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
45
import { TypeScriptIcon } from "components/icons/brand-icons/TypeScriptIcon";
56
import { UnityIcon } from "components/icons/brand-icons/UnityIcon";
67
import { UnrealIcon } from "components/icons/brand-icons/UnrealIcon";
78
import { DocLink } from "components/shared/DocLink";
89
import { ArrowRightIcon } from "lucide-react";
9-
import authIcon from "../../../../../../public/assets/tw-icons/auth.svg";
10+
import Image, { type StaticImageData } from "next/image";
11+
import Link from "next/link";
1012
import accountAbstractionIcon from "../../../../../../public/assets/tw-icons/account-abstraction.svg";
13+
import authIcon from "../../../../../../public/assets/tw-icons/auth.svg";
1114
import payIcon from "../../../../../../public/assets/tw-icons/pay.svg";
12-
import walletsIcon from "../../../../../../public/assets/tw-icons/wallets.svg";
1315
import socialAuthIcon from "../../../../../../public/assets/tw-icons/social-auth.svg";
14-
import Image, { StaticImageData } from "next/image";
15-
import { cn } from "@/lib/utils";
16-
import Link from "next/link";
16+
import walletsIcon from "../../../../../../public/assets/tw-icons/wallets.svg";
1717

1818
export function EmptyState() {
1919
return (
20-
<div className="md:h-[770px] py-24 p-6 container flex items-center justify-center">
21-
<div className="flex-col gap-8 flex items-center group justify-center">
22-
<div className="flex flex-col gap-6 max-w-[500px] justify-center items-center">
20+
<div className="container flex items-center justify-center p-6 py-24 md:h-[770px]">
21+
<div className="group flex flex-col items-center justify-center gap-8">
22+
<div className="flex max-w-[500px] flex-col items-center justify-center gap-6">
2323
<AnimatedIcons />
24-
<div className="text-center flex flex-col gap-0.5">
25-
<h3 className="text-2xl font-semibold text-foreground">
24+
<div className="flex flex-col gap-0.5 text-center">
25+
<h3 className="font-semibold text-2xl text-foreground">
2626
Project Overview is Coming Soon
2727
</h3>
28-
<p className="text-muted-foreground text-base">
28+
<p className="text-base text-muted-foreground">
2929
Understand how users are interacting with your project
3030
</p>
3131
</div>
32-
<div className="flex flex-wrap gap-2 justify-center items-center">
32+
<div className="flex flex-wrap items-center justify-center gap-2">
3333
<SDKBadge
3434
icon={TypeScriptIcon}
3535
label="TypeScript"
@@ -71,7 +71,7 @@ export function EmptyState() {
7171
<Button asChild variant="primary">
7272
<Link href="https://thirdweb.com/dashboard/settings/api-keys">
7373
Get Started
74-
<ArrowRightIcon className="size-4 ml-2" />
74+
<ArrowRightIcon className="ml-2 size-4" />
7575
</Link>
7676
</Button>
7777
</div>
@@ -82,26 +82,26 @@ export function EmptyState() {
8282

8383
function AnimatedIcons() {
8484
return (
85-
<div className="flex -space-x-2">
85+
<div className="-space-x-2 flex">
8686
<Icon
8787
icon={walletsIcon}
88-
className="z-[0] -rotate-[16deg] group-hover:-rotate-[32deg] scale-1 group-hover:scale-[1.2] translate-x-[0px] group-hover:-translate-x-[44px] translate-y-[0px] group-hover:-translate-y-[12px]"
88+
className="-rotate-[16deg] group-hover:-rotate-[32deg] group-hover:-translate-x-[44px] group-hover:-translate-y-[12px] z-[0] translate-x-[0px] translate-y-[0px] scale-1 group-hover:scale-[1.2]"
8989
/>
9090
<Icon
9191
icon={payIcon}
92-
className="z-[1] -rotate-[12deg] group-hover:-rotate-[24deg] scale-1 group-hover:scale-[1.2] translate-x-[0px] group-hover:-translate-x-[28px] -translate-y-[12px] group-hover:-translate-y-[40px]"
92+
className="-rotate-[12deg] group-hover:-rotate-[24deg] group-hover:-translate-x-[28px] -translate-y-[12px] group-hover:-translate-y-[40px] z-[1] translate-x-[0px] scale-1 group-hover:scale-[1.2]"
9393
/>
9494
<Icon
9595
icon={authIcon}
96-
className="z-[2] scale-1 group-hover:scale-[1.2] -translate-y-[16px] group-hover:-translate-y-[52px]"
96+
className="-translate-y-[16px] group-hover:-translate-y-[52px] z-[2] scale-1 group-hover:scale-[1.2]"
9797
/>
9898
<Icon
9999
icon={accountAbstractionIcon}
100-
className="z-[1] rotate-[12deg] group-hover:rotate-[24deg] scale-1 group-hover:scale-[1.2] translate-x-[0px] group-hover:translate-x-[28px] -translate-y-[12px] group-hover:-translate-y-[40px]"
100+
className="-translate-y-[12px] group-hover:-translate-y-[40px] z-[1] translate-x-[0px] rotate-[12deg] scale-1 group-hover:translate-x-[28px] group-hover:rotate-[24deg] group-hover:scale-[1.2]"
101101
/>
102102
<Icon
103103
icon={socialAuthIcon}
104-
className="z-[0] rotate-[16deg] group-hover:rotate-[32deg] scale-1 group-hover:scale-[1.2] translate-x-[0px] group-hover:translate-x-[44px] translate-y-[0px] group-hover:-translate-y-[12px]"
104+
className="group-hover:-translate-y-[12px] z-[0] translate-x-[0px] translate-y-[0px] rotate-[16deg] scale-1 group-hover:translate-x-[44px] group-hover:rotate-[32deg] group-hover:scale-[1.2]"
105105
/>
106106
</div>
107107
);
@@ -117,7 +117,7 @@ function Icon({
117117
return (
118118
<div
119119
className={cn(
120-
"border rounded-xl size-10 flex items-center justify-center bg-background transition-all duration-200 ease-in-out",
120+
"flex size-10 items-center justify-center rounded-xl border bg-background transition-all duration-200 ease-in-out",
121121
className,
122122
)}
123123
>
@@ -138,7 +138,7 @@ function SDKBadge({
138138
href,
139139
}: { icon: React.FC<{ className?: string }>; label: string; href: string }) {
140140
return (
141-
<div className="py-1 px-2.5 rounded-full bg-neutral-200 dark:bg-neutral-800">
141+
<div className="rounded-full bg-neutral-200 px-2.5 py-1 dark:bg-neutral-800">
142142
<DocLink link={href} label={label} icon={icon} />
143143
</div>
144144
);

‎apps/dashboard/src/app/team/[team_slug]/[project_slug]/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { getProjects } from "@/api/projects";
22
import { notFound } from "next/navigation";
3-
import { ProjectOverviewHeader } from "./components/ProjectOverviewHeader";
43
import { EmptyState } from "./components/EmptyState";
4+
import { ProjectOverviewHeader } from "./components/ProjectOverviewHeader";
55

66
export default async function ProjectOverviewPage(props: {
77
params: Promise<{ team_slug: string; project_slug: string }>;
@@ -17,7 +17,7 @@ export default async function ProjectOverviewPage(props: {
1717

1818
return (
1919
<div className="">
20-
<div className="dark:bg-muted/50 w-full border-border-800 border-b px-6">
20+
<div className="w-full border-border-800 border-b px-6 dark:bg-muted/50">
2121
<div className="container">
2222
<ProjectOverviewHeader project={project} />
2323
</div>

‎apps/dashboard/src/components/analytics/range-selector.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ export function RangeSelector({
4242
});
4343

4444
return (
45-
<div className="sm:flex-row flex-col flex justify-end gap-3">
45+
<div className="flex flex-col justify-end gap-3 sm:flex-row">
4646
<DateRangeSelector
4747
range={computedRange || getLastNDaysRange("last-120")}
4848
setRange={(newRange) => {

0 commit comments

Comments
 (0)