General fixes. Still far from good or working

apps/expo/src/app/_layout.tsx

@@ -1,11 +1,11 @@
-import { useColorScheme } from "react-native";
-import { Stack } from "expo-router";
-import { StatusBar } from "expo-status-bar";
-import { QueryClientProvider } from "@tanstack/react-query";
+import { useColorScheme } from 'react-native';
+import { Stack } from 'expo-router';
+import { StatusBar } from 'expo-status-bar';
+import { QueryClientProvider } from '@tanstack/react-query';
 
-import { queryClient } from "~/utils/api";
+import { queryClient } from '~/utils/api';
 
-import "../styles.css";
+import '../styles.css';
 
 // This is the main layout of the app
 // It wraps your pages with the providers they need
@@ -20,10 +20,10 @@ export default function RootLayout() {
       <Stack
         screenOptions={{
           headerStyle: {
-            backgroundColor: "#c03484",
+            backgroundColor: '#c03484',
           },
           contentStyle: {
-            backgroundColor: colorScheme == "dark" ? "#09090B" : "#FFFFFF",
+            backgroundColor: colorScheme == 'dark' ? '#09090B' : '#FFFFFF',
           },
         }}
       />

apps/expo/src/app/index.tsx

@@ -1,16 +1,16 @@
-import { useState } from "react";
-import { Pressable, Text, TextInput, View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Link, Stack } from "expo-router";
-import { LegendList } from "@legendapp/list";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useState } from 'react';
+import { Pressable, Text, TextInput, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { Link, Stack } from 'expo-router';
+import { LegendList } from '@legendapp/list';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
-import type { RouterOutputs } from "~/utils/api";
-import { trpc } from "~/utils/api";
-import { authClient } from "~/utils/auth";
+import type { RouterOutputs } from '~/utils/api';
+import { trpc } from '~/utils/api';
+import { authClient } from '~/utils/auth';
 
 function PostCard(props: {
-  post: RouterOutputs["post"]["all"][number];
+  post: RouterOutputs['post']['all'][number];
   onDelete: () => void;
 }) {
   return (
@@ -19,7 +19,7 @@ function PostCard(props: {
         <Link
           asChild
           href={{
-            pathname: "/post/[id]",
+            pathname: '/post/[id]',
             params: { id: props.post.id },
           }}
         >
@@ -41,14 +41,14 @@ function PostCard(props: {
 function CreatePost() {
   const queryClient = useQueryClient();
 
-  const [title, setTitle] = useState("");
-  const [content, setContent] = useState("");
+  const [title, setTitle] = useState('');
+  const [content, setContent] = useState('');
 
   const { mutate, error } = useMutation(
     trpc.post.create.mutationOptions({
       async onSuccess() {
-        setTitle("");
-        setContent("");
+        setTitle('');
+        setContent('');
         await queryClient.invalidateQueries(trpc.post.all.queryFilter());
       },
     }),
@@ -89,7 +89,7 @@ function CreatePost() {
       >
         <Text className="text-foreground">Create</Text>
       </Pressable>
-      {error?.data?.code === "UNAUTHORIZED" && (
+      {error?.data?.code === 'UNAUTHORIZED' && (
         <Text className="text-destructive mt-2">
           You need to be logged in to create a post
         </Text>
@@ -104,20 +104,20 @@ function MobileAuth() {
   return (
     <>
       <Text className="text-foreground pb-2 text-center text-xl font-semibold">
-        {session?.user.name ? `Hello, ${session.user.name}` : "Not logged in"}
+        {session?.user.name ? `Hello, ${session.user.name}` : 'Not logged in'}
       </Text>
       <Pressable
         onPress={() =>
           session
             ? authClient.signOut()
             : authClient.signIn.social({
-                provider: "discord",
-                callbackURL: "/",
+                provider: 'discord',
+                callbackURL: '/',
               })
         }
         className="bg-primary flex items-center rounded-sm p-2"
       >
-        <Text>{session ? "Sign Out" : "Sign In With Discord"}</Text>
+        <Text>{session ? 'Sign Out' : 'Sign In With Discord'}</Text>
       </Pressable>
     </>
   );
@@ -138,7 +138,7 @@ export default function Index() {
   return (
     <SafeAreaView className="bg-background">
       {/* Changes page title visible on the header */}
-      <Stack.Screen options={{ title: "Home Page" }} />
+      <Stack.Screen options={{ title: 'Home Page' }} />
       <View className="bg-background h-full w-full p-4">
         <Text className="text-foreground pb-2 text-center text-5xl font-bold">
           Create <Text className="text-primary">T3</Text> Turbo

apps/expo/src/app/post/[id].tsx

@@ -1,8 +1,8 @@
-import { SafeAreaView, Text, View } from "react-native";
-import { Stack, useGlobalSearchParams } from "expo-router";
-import { useQuery } from "@tanstack/react-query";
+import { SafeAreaView, Text, View } from 'react-native';
+import { Stack, useGlobalSearchParams } from 'expo-router';
+import { useQuery } from '@tanstack/react-query';
 
-import { trpc } from "~/utils/api";
+import { trpc } from '~/utils/api';
 
 export default function Post() {
   const { id } = useGlobalSearchParams<{ id: string }>();