chore: clean up imports

Author: VincentRPS

.gitignore

@@ -37,3 +37,5 @@ yarn-error.*
 
 app-example
 .env
+
+target/

app/(threads)/t/[thread_id]/index.tsx

@@ -14,18 +14,13 @@
    limitations under the License.
 */
 
-import { useEffect } from "react";
 import Sidebar from "@/components/Sidebar";
-import { getCurrentProfile, getThread, Profile, Thread } from "@/lib/api";
+import { getThread } from "@/lib/api";
 import PostList from "@/components/PostList";
 import { Text, View } from "react-native";
-import { Link, useLocalSearchParams, useRouter } from "expo-router";
+import { Link, useLocalSearchParams } from "expo-router";
 import ThreadComp from "@/components/ThreadDisplay";
-import {
-  tokenStorage,
-  useCurrentProfileStore,
-  useCurrentTrackStore,
-} from "@/lib/state";
+import { useCurrentTrackStore } from "@/lib/state";
 import { useQuery } from "@tanstack/react-query";
 import { Image } from "expo-image";
 
@@ -49,7 +44,7 @@ export default function ThreadView() {
   return (
     <View
       className={
-        "flex flex-row justify-center w-full h-full m-auto bg-white dark:bg-primary gap-4 overflow-y-auto scroll-smooth"
+        "flex flex-row justify-center w-full h-full m-auto bg-white no-scrollbar dark:bg-primary gap-4 overflow-y-auto scroll-smooth"
       }
     >
       <Sidebar curPage={undefined} />

app/[user].tsx

@@ -14,21 +14,17 @@
    limitations under the License.
 */
 
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import Sidebar from "../components/Sidebar";
-import {
-  getCurrentProfile,
-  getProfile,
-  getUserTracks,
-  Profile,
-} from "@/lib/api";
+import { getCurrentProfile, getProfile, getUserTracks } from "@/lib/api";
 import PostList from "@/components/PostList";
 import { View } from "react-native";
 import { useLocalSearchParams, useRouter } from "expo-router";
 import NotFoundScreen from "./+not-found";
 import ProfileDisplay from "@/components/ProfileDisplay";
 import { tokenStorage } from "@/lib/state";
 import { useQuery } from "@tanstack/react-query";
+import PostCreate from "@/components/PostCreate";
 
 // TODO: support handles
 export default function UserProfile() {
@@ -64,9 +60,8 @@ export default function UserProfile() {
 
   if (found) {
     return (
-      <View className="flex flex-row justify-center w-full h-screen mb-20 max-lg:no-scrollbar bg-white dark:bg-primary overflow-y-auto overflow-x-hidden scroll-smooth">
-        <Sidebar curPage={user} />
-        <View className="lg:mt-9 rounded-3xl max-lg:w-full">
+      <View className="flex flex-row justify-center w-full h-screen mb-20 no-scrollbar bg-white dark:bg-primary overflow-y-auto overflow-x-hidden scroll-smooth">
+        <View className="flex lg:mt-9 rounded-3xl max-lg:w-full">
           <ProfileDisplay
             profile={profileQuery.data}
             currentUser={
@@ -82,6 +77,8 @@ export default function UserProfile() {
             loading={query.isLoading}
           />
         </View>
+        <PostCreate />
+        <Sidebar curPage={user} />
       </View>
     );
   } else {

app/_layout.tsx

@@ -15,7 +15,7 @@
 */
 
 import { useFonts } from "expo-font";
-import { Slot, Stack } from "expo-router";
+import { Stack } from "expo-router";
 import * as SplashScreen from "expo-splash-screen";
 import { useEffect } from "react";
 import "react-native-reanimated";

app/edit-self.tsx

@@ -14,8 +14,8 @@
    limitations under the License.
 */
 
-import { getCurrentProfile, Profile, userEdit } from "@/lib/api";
-import { tokenStorage, useCurrentProfileStore } from "@/lib/state";
+import { getCurrentProfile, userEdit } from "@/lib/api";
+import { tokenStorage } from "@/lib/state";
 import Octicons from "@expo/vector-icons/Octicons";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { Link, useRouter } from "expo-router";

app/index.tsx

@@ -16,9 +16,9 @@
 
 import { useEffect } from "react";
 import Sidebar from "../components/Sidebar";
-import { getCurrentProfile, Profile, scrollGlobal, Thread } from "@/lib/api";
+import { getCurrentProfile, scrollGlobal } from "@/lib/api";
 import PostList from "@/components/PostList";
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import { tokenStorage, useCurrentProfileStore } from "@/lib/state";
 import { useQuery } from "@tanstack/react-query";
 import PostCreate from "@/components/PostCreate";

bun.lockb

@@ -14,7 +14,7 @@
    limitations under the License.
 */
 
-import { Image, Pressable, View } from "react-native";
+import { Image, View } from "react-native";
 
 export default function LogoHead() {
   return (

components/LogoHead.tsx

@@ -19,7 +19,13 @@ import { FlashList } from "@shopify/flash-list";
 import { ActivityIndicator, Text, View } from "react-native";
 import TrackComp from "./Track";
 
-export default function PostList({ threads, loading }: { threads: Thread[], loading: boolean }) {
+export default function PostList({
+  threads,
+  loading,
+}: {
+  threads: Thread[];
+  loading: boolean;
+}) {
   // TODO: markdown formatting
   return (
     <View className="w-full lg:w-[602px] mb-20 lg:mb-5 lg:mt-5 z-[1] no-scrollbar">
@@ -31,14 +37,14 @@ export default function PostList({ threads, loading }: { threads: Thread[], load
           renderItem={({ item }) => <TrackComp item={item} />}
         />
       )}
-      {(threads.length === 0 && loading === false) && (
+      {threads.length === 0 && loading === false && (
         <View className="flex justify-start items-start h-screen w-full p-4 rounded-xl rounded-t-none border-t border-borders">
           <Text className="text-graaaay dark:text-white/70 font-semibold">
             Oh no! It seems empty here... You can be the first to reply!
           </Text>
         </View>
       )}
-      {(threads.length === 0 && loading === true) && (
+      {threads.length === 0 && loading === true && (
         <View className="flex justify-center items-center h-screen w-full p-4 rounded-xl rounded-t-none border-t border-borders">
           <ActivityIndicator size="large" className="text-brand" />
         </View>

components/PostList.tsx

@@ -9,7 +9,8 @@
     "web": "expo start --web",
     "test": "jest --watchAll",
     "lint": "expo lint",
-    "fmt": "prettier . --write"
+    "fmt": "prettier . --write",
+    "build:web": "expo export --platform web"
   },
   "jest": {
     "preset": "jest-expo"

package.json

@@ -13,8 +13,8 @@ module.exports = {
         brand: "rgb(59, 134, 255)",
         "brand-dark": "rgb(25, 106, 189)",
         borders: "rgb(61, 68, 77)",
-        primary: "rgb(16, 16, 16)",
-        secondary: "rgb(24, 24, 24)",
+        primary: "rgb(22, 22, 23)",
+        secondary: "rgb(44, 44, 46)",
         bobo: "rgb(45, 45, 45)",
         tertiary: "rgb(10, 10, 10)",
         "tender-surrender": "rgba(252,194,156,255)",