Lint

src/app/(drift)/(auth)/components/index.tsx

@@ -133,7 +133,7 @@ function Auth({
 						{authProviders?.length ? (
 							<>
 								<hr className="w-full" />
-								<p className="p-0 mt-2 text-center">
+								<p className="mt-2 p-0 text-center">
 									Or sign {signText.toLowerCase()} with one of the following
 								</p>
 								{authProviders?.map((provider) => {
@@ -187,10 +187,10 @@ export default Auth
 const getProviderIcon = (provider: string) => {
 	switch (provider) {
 		case "github":
-			return <GitHub className="w-5 h-5 mr-2" />
+			return <GitHub className="mr-2 h-5 w-5" />
 		case "keycloak":
-			return <Key className="w-5 h-5 mr-2" />
+			return <Key className="mr-2 h-5 w-5" />
 		default:
-			return <User className="w-5 h-5 mr-2" />
+			return <User className="mr-2 h-5 w-5" />
 	}
 }

src/app/(drift)/(posts)/post/[id]/page.tsx

@@ -21,7 +21,7 @@ export default async function PostPage({
 	return (
 		<>
 			<PostFiles post={clientPost} />
-			<div className="mx-auto mt-4 mb-4">
+			<div className="mx-auto mb-4 mt-4">
 				<VisibilityControl
 					authorId={post.authorId}
 					postId={post.id}

src/app/(drift)/admin/page.tsx

@@ -51,10 +51,10 @@ export default async function AdminPage() {
 		<>
 			<PageTitle>Admin</PageTitle>
 			<PageWrapper>
-				<h2 className="mt-4 mb-4 text-2xl font-bold">Users</h2>
+				<h2 className="mb-4 mt-4 text-2xl font-bold">Users</h2>
 				{/* @ts-expect-error Type 'unknown' is not assignable to type  */}
 				<UserTable users={serializedUsers as unknown} />
-				<h2 className="mt-4 mb-4 text-2xl font-bold">Posts</h2>
+				<h2 className="mb-4 mt-4 text-2xl font-bold">Posts</h2>
 				<PostTable posts={serializedPosts} />
 			</PageWrapper>
 		</>

src/app/components/header/index.tsx

@@ -25,9 +25,9 @@ export default function Header() {
 	}, [])
 
 	return (
-		<header className="flex items-center justify-start h-16 mt-4 md:justify-between">
-			<span className="items-center hidden md:flex">
-				<Link href="/" className="flex items-center mr-4">
+		<header className="mt-4 flex h-16 items-center justify-start md:justify-between">
+			<span className="hidden items-center md:flex">
+				<Link href="/" className="mr-4 flex items-center">
 					<Image
 						src={"/assets/logo.svg"}
 						width={32}
@@ -35,7 +35,7 @@ export default function Header() {
 						alt=""
 						priority
 					/>
-					<span className="pl-4 text-lg font-bold bg-transparent">Drift</span>
+					<span className="bg-transparent pl-4 text-lg font-bold">Drift</span>
 				</Link>
 				<nav className="flex space-x-4 lg:space-x-6">
 					<ul className="flex justify-center space-x-4">
@@ -70,7 +70,7 @@ export default function Header() {
 				<FadeIn>
 					<button
 						aria-hidden
-						className="flex items-center justify-center w-8 h-8 ml-4 font-medium transition-colors cursor-pointer text-muted-foreground hover:text-primary md:ml-0"
+						className="ml-4 flex h-8 w-8 cursor-pointer items-center justify-center font-medium text-muted-foreground transition-colors hover:text-primary md:ml-0"
 						onClick={toggleTheme}
 						title="Toggle theme"
 					>

src/app/components/post-list/index.tsx

@@ -29,7 +29,7 @@ const PostList = ({
 	hideActions,
 	isOwner,
 	skeleton,
-	userId,
+	userId
 }: Props) => {
 	const [searchValue, setSearchValue] = useState("")
 	const [searching, setSearching] = useState(false)

src/lib/server/prisma.ts

@@ -253,10 +253,7 @@ export const createUser = async (
 }
 
 // all of prisma.post.findUnique
-type GetPostByIdOptions = Pick<
-	Prisma.PostFindUniqueArgs,
-	"include" | "select"
->
+type GetPostByIdOptions = Pick<Prisma.PostFindUniqueArgs, "include" | "select">
 
 export const getPostById = async (
 	postId: ServerPost["id"],