chore: add prettier

.github/workflows/pull-request.yml

@@ -0,0 +1,25 @@
+name: Validate a pull request
+on:
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch: {}
+
+jobs:
+  validate:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "20.x"
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Install packages
+        run: yarn install --frozen-lockfile
+
+      - name: Run prettier
+        run: yarn prettier -c ./src App.tsx

App.tsx

@@ -1,92 +1,126 @@
-import {adaptNavigationTheme, MD3DarkTheme, MD3LightTheme, PaperProvider} from "react-native-paper";
-import {AuthProvider} from "./src/auth";
-import {decode, encode} from "base-64";
 import {
-    DarkTheme as NavigationDarkTheme,
-    DefaultTheme as NavigationDefaultTheme,
-    NavigationContainer
+  adaptNavigationTheme,
+  MD3DarkTheme,
+  MD3LightTheme,
+  PaperProvider,
+} from "react-native-paper";
+import { AuthProvider } from "./src/auth";
+import { decode, encode } from "base-64";
+import {
+  DarkTheme as NavigationDarkTheme,
+  DefaultTheme as NavigationDefaultTheme,
+  NavigationContainer,
 } from "@react-navigation/native";
 import HomeScreen from "./src/screens/home";
 import CustomNavigationBar from "./src/components/navbar";
 import SlotScreen from "./src/screens/feed/slot";
-import {createStackNavigator} from "@react-navigation/stack";
+import { createStackNavigator } from "@react-navigation/stack";
 import AlbumScreen from "./src/screens/media/album";
-import {Item} from "./src/__generated__/media";
+import { Item } from "./src/__generated__/media";
 import SlidesScreen from "./src/screens/media/slides";
-import {useColorScheme} from "react-native";
-import merge from 'deepmerge'
+import { useColorScheme } from "react-native";
+import merge from "deepmerge";
 import WebScreen from "./src/screens/web";
-import * as Notifications from 'expo-notifications'
+import * as Notifications from "expo-notifications";
 import SearchScreen from "./src/screens/feed/search";
-import { Item as InventoryItem } from './src/screens/feed/search'
+import { Item as InventoryItem } from "./src/screens/feed/search";
 import ItemScreen from "./src/screens/feed/item";
 
-Notifications.setNotificationHandler(({
-    handleNotification: async () => ({
-        shouldShowAlert: true,
-        shouldPlaySound: false,
-        shouldSetBadge: true
-    })
-}))
+Notifications.setNotificationHandler({
+  handleNotification: async () => ({
+    shouldShowAlert: true,
+    shouldPlaySound: false,
+    shouldSetBadge: true,
+  }),
+});
 
 if (!global.btoa) global.btoa = encode;
 if (!global.atob) global.atob = decode;
 
 export type StackParamList = {
-    Home: undefined,
-    Slot: { slot: number, title: string },
-    Album: { album: string, title: string },
-    Slides: { items: Item[], item: number },
-    Web: { source: string, title: string },
-    Search: undefined,
-    Item: { item: InventoryItem, title: string }
-}
-
+  Home: undefined;
+  Slot: { slot: number; title: string };
+  Album: { album: string; title: string };
+  Slides: { items: Item[]; item: number };
+  Web: { source: string; title: string };
+  Search: undefined;
+  Item: { item: InventoryItem; title: string };
+};
 
-const Stack = createStackNavigator<StackParamList>()
+const Stack = createStackNavigator<StackParamList>();
 
 const { LightTheme, DarkTheme } = adaptNavigationTheme({
-    reactNavigationLight: NavigationDefaultTheme,
-    reactNavigationDark: NavigationDarkTheme,
+  reactNavigationLight: NavigationDefaultTheme,
+  reactNavigationDark: NavigationDarkTheme,
 });
 
 const CombinedDefaultTheme = merge(MD3LightTheme, LightTheme);
 const CombinedDarkTheme = merge(MD3DarkTheme, DarkTheme);
 
 export default function App() {
-    const colorScheme = useColorScheme()
+  const colorScheme = useColorScheme();
 
-    return (
-        <NavigationContainer theme={colorScheme === 'dark' ? CombinedDarkTheme : CombinedDefaultTheme}>
-            <PaperProvider theme={colorScheme === 'dark' ? CombinedDarkTheme : CombinedDefaultTheme}>
-                <AuthProvider>
-                    <Stack.Navigator
-                        screenOptions={{
-                            header: CustomNavigationBar
-                        }}
-                    >
-                        <Stack.Screen name={"Home"} component={HomeScreen} options={{
-                            headerShown: false
-                        }} />
-                        <Stack.Screen name={"Slot"} component={SlotScreen} options={({ route }) => ({
-                            title: route.params.title,
-                        })} />
-                        <Stack.Screen name={"Album"} component={AlbumScreen} options={({ route }) => ({
-                            title: route.params.title
-                        })} />
-                        <Stack.Screen name={"Slides"} component={SlidesScreen} />
-                        <Stack.Screen name={"Web"} component={WebScreen} options={({ route }) => ({
-                            title: route.params.title
-                        })} />
-                        <Stack.Screen name={"Search"} component={SearchScreen} options={{
-                            headerShown: false
-                        }} />
-                        <Stack.Screen name={"Item"} component={ItemScreen} options={({ route }) => ({
-                            title: route.params.title
-                        })} />
-                    </Stack.Navigator>
-                </AuthProvider>
-            </PaperProvider>
-        </NavigationContainer>
-    );
+  return (
+    <NavigationContainer
+      theme={colorScheme === "dark" ? CombinedDarkTheme : CombinedDefaultTheme}
+    >
+      <PaperProvider
+        theme={
+          colorScheme === "dark" ? CombinedDarkTheme : CombinedDefaultTheme
+        }
+      >
+        <AuthProvider>
+          <Stack.Navigator
+            screenOptions={{
+              header: CustomNavigationBar,
+            }}
+          >
+            <Stack.Screen
+              name={"Home"}
+              component={HomeScreen}
+              options={{
+                headerShown: false,
+              }}
+            />
+            <Stack.Screen
+              name={"Slot"}
+              component={SlotScreen}
+              options={({ route }) => ({
+                title: route.params.title,
+              })}
+            />
+            <Stack.Screen
+              name={"Album"}
+              component={AlbumScreen}
+              options={({ route }) => ({
+                title: route.params.title,
+              })}
+            />
+            <Stack.Screen name={"Slides"} component={SlidesScreen} />
+            <Stack.Screen
+              name={"Web"}
+              component={WebScreen}
+              options={({ route }) => ({
+                title: route.params.title,
+              })}
+            />
+            <Stack.Screen
+              name={"Search"}
+              component={SearchScreen}
+              options={{
+                headerShown: false,
+              }}
+            />
+            <Stack.Screen
+              name={"Item"}
+              component={ItemScreen}
+              options={({ route }) => ({
+                title: route.params.title,
+              })}
+            />
+          </Stack.Navigator>
+        </AuthProvider>
+      </PaperProvider>
+    </NavigationContainer>
+  );
 }

package.json

@@ -41,6 +41,7 @@
     "@types/fast-html-parser": "^1.0.4",
     "@types/react": "~18.2.45",
     "@types/react-native-vector-icons": "^6.4.18",
+    "prettier": "^3.2.5",
     "typescript": "^5.1.3"
   },
   "private": true