fix: docker compose

Author: abhikaboy

ai/Dockerfile

@@ -21,4 +21,4 @@ COPY . .
 
 EXPOSE 4000
 
-CMD ["uvicorn", "app.reccomendation:app", "--host", "0.0.0.0", "--port", "4000"]
+CMD ["uvicorn", "reccomendation:app", "--host", "0.0.0.0", "--port", "4000"]

frontend/app/(review)/[id].tsx

@@ -7,6 +7,7 @@ import {
     KeyboardAvoidingView,
     ScrollView,
     StyleSheet,
+    Touchable,
     TouchableOpacity,
     View,
 } from "react-native";
@@ -142,13 +143,15 @@ export default function Route() {
 
                         {/* User Info */}
                         <View style={styles.userInfo}>
-                            <View style={styles.userInfoLeft}>
-                                <Image source={{ uri: review?.reviewer.pfp }} style={styles.profilePicture} />
-                                <View>
-                                    <ThemedText style={styles.userName}>{review?.reviewer.username}</ThemedText>
-                                    <ThemedText style={styles.userHandle}>@{review?.reviewer.username}</ThemedText>
+                            <TouchableOpacity onPress={() => router.push(`/friend/${review?.reviewer._id}`)}>
+                                <View style={styles.userInfoLeft}>
+                                    <Image source={{ uri: review?.reviewer.pfp }} style={styles.profilePicture} />
+                                    <View>
+                                        <ThemedText style={styles.userName}>{review?.reviewer.username}</ThemedText>
+                                        <ThemedText style={styles.userHandle}>@{review?.reviewer.username}</ThemedText>
+                                    </View>
                                 </View>
-                            </View>
+                            </TouchableOpacity>
                         </View>
                         <View style={{ paddingBottom: 12 }}>
                             <TouchableOpacity

frontend/components/UserInfo/UserInfoRowBase.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
 import { ThemedText } from "../themed/ThemedText";
 import { Avatar } from "../Avatar";
+import { router } from "expo-router";
 
 type Props = {
     name: string;
@@ -13,28 +14,41 @@ type Props = {
     onPress: () => void;
 };
 
-const UserInfoRowBase = ({ name, username, right, icon, large, onPress }: Props) => (
+const UserInfoRowBase = ({ name, username, right, icon, large, onPress, id }: Props) => (
     <View style={{ flexDirection: "row", alignItems: "center", width: "100%" }}>
-        <View style={styles.row}>
-            <View style={{ flexDirection: "row", gap: 12, alignItems: "center" }}>
-                <Avatar imageSource={{ uri: icon }} size={large ? 64 : 48} />
-                <View style={{ gap: 0 }}>
-                    <TouchableOpacity onPress={onPress}>
-                        <ThemedText numberOfLines={1} ellipsizeMode="tail" type="default" style={styles.nameContainer}>
-                            {name}
-                        </ThemedText>
-                        <ThemedText
-                            numberOfLines={1}
-                            ellipsizeMode="tail"
-                            type="caption"
-                            style={styles.usernameContainer}>
-                            @{username}
-                        </ThemedText>
-                    </TouchableOpacity>
+        <TouchableOpacity
+            disabled={id ? false : true}
+            onPress={() => {
+                if (id) {
+                    router.push(`/(profile)/${id}`);
+                    return;
+                }
+            }}>
+            <View style={styles.row}>
+                <View style={{ flexDirection: "row", gap: 12, alignItems: "center" }}>
+                    <Avatar imageSource={{ uri: icon }} size={large ? 64 : 48} />
+                    <View style={{ gap: 0 }}>
+                        <TouchableOpacity onPress={onPress}>
+                            <ThemedText
+                                numberOfLines={1}
+                                ellipsizeMode="tail"
+                                type="default"
+                                style={styles.nameContainer}>
+                                {name}
+                            </ThemedText>
+                            <ThemedText
+                                numberOfLines={1}
+                                ellipsizeMode="tail"
+                                type="caption"
+                                style={styles.usernameContainer}>
+                                @{username}
+                            </ThemedText>
+                        </TouchableOpacity>
+                    </View>
                 </View>
+                {right}
             </View>
-            {right}
-        </View>
+        </TouchableOpacity>
     </View>
 );
 

frontend/types/review.ts

@@ -10,10 +10,9 @@ export type TReview = {
     picture: string;
     content: string;
     reviewer: {
-        id: string;
+        _id: string;
         pfp: string;
         username: string;
-        name: string;
     };
     timestamp: any;
     comments: any[];