update

src/screens/buildpc/Buildpc.tsx

@@ -8,79 +8,91 @@ import {
   StyleSheet,
   Dimensions,
 } from "react-native";
+import { useNavigation, NavigationProp } from "@react-navigation/native";
 import AppLayout from "@layouts/AppLayout";
 import { Ionicons } from "@expo/vector-icons"; // hoặc icon_2025 nếu bạn có icon font riêng
 import CreateBuildpc from "@components/buildpc/CreateBuildpc"; // component con bạn tự tạo
 const { width } = Dimensions.get("window");
 import Octicons from "@expo/vector-icons/Octicons";
+import Footer from "@components/footer/Footer";
 
 export default function Buildpc() {
+  const navigation = useNavigation<NavigationProp<any>>();
   return (
     <AppLayout activeTab="buildpc">
-      <ScrollView style={styles.container}>
-        {/* Breadcrumb */}
-        <View style={styles.breadcrumb}>
-          <View style={styles.breadcrumbItem}>
-            <TouchableOpacity>
-              <Ionicons
-                name="home"
-                size={16}
-                color="#637381"
-                style={styles.icon}
-              />
+      <ScrollView>
+        <View style={styles.container}>
+          {/* Breadcrumb */}
+          <View style={styles.breadcrumb}>
+            <View style={styles.breadcrumbItem}>
+              <TouchableOpacity>
+                <Ionicons
+                  name="home"
+                  size={16}
+                  color="#637381"
+                  style={styles.icon}
+                />
+              </TouchableOpacity>
+              <Text style={styles.angle}>›</Text>
+            </View>
+            <View style={styles.breadcrumbItem}>
+              <Text style={styles.text}>Tạo máy tính riêng của bạn</Text>
+            </View>
+          </View>
+
+          {/* Buttons Bắt đầu/So sánh */}
+          <View style={styles.buttonWrapper}>
+            <TouchableOpacity
+              style={styles.primaryButton}
+              onPress={() => navigation?.navigate("buildpc")}
+            >
+              <Text style={styles.primaryButtonText}>Bắt đầu tạo</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={styles.secondaryButton}
+              onPress={() => navigation?.navigate("comparebuildpc")}
+            >
+              <Text style={styles.secondaryButtonText}>
+                So sánh giá tại các cửa hàng
+              </Text>
             </TouchableOpacity>
-            <Text style={styles.angle}>›</Text>
           </View>
-          <View style={styles.breadcrumbItem}>
-            <Text style={styles.text}>Tạo máy tính riêng của bạn</Text>
+
+          {/* Action Bar */}
+          <View style={styles.actionBar}>
+            {/* Share link */}
+            <View style={styles.inputBox}>
+              <Octicons
+                name="copy"
+                size={18}
+                color="black"
+                style={styles.iconAction}
+              />
+              <TextInput
+                value="https://bestpc.vn/restricted.php"
+                style={styles.input}
+                editable={false}
+              />
+            </View>
+
+            {/* Đặt tên */}
+            <View style={styles.inputBox}>
+              <Text style={{ marginLeft: 10 }}>Đặt tên:</Text>
+              <TextInput placeholder="Nhập tên" style={styles.input} />
+            </View>
+
+            {/* Buttons */}
+            <View style={styles.buttonGroup}>
+              <ActionButton icon="copy-outline" label="Copy" />
+              <ActionButton icon="download-outline" label="Tải xuống" />
+              <ActionButton icon="refresh-outline" label="Làm mới" />
+            </View>
           </View>
+
+          {/* Buildpc Content */}
+          <CreateBuildpc />
         </View>
-
-        {/* Buttons Bắt đầu/So sánh */}
-        <View style={styles.buttonWrapper}>
-          <TouchableOpacity style={styles.primaryButton}>
-            <Text style={styles.primaryButtonText}>Bắt đầu tạo</Text>
-          </TouchableOpacity>
-          <TouchableOpacity style={styles.secondaryButton}>
-            <Text style={styles.secondaryButtonText}>
-              So sánh giá tại các cửa hàng
-            </Text>
-          </TouchableOpacity>
-        </View>
-
-        {/* Action Bar */}
-        <View style={styles.actionBar}>
-          {/* Share link */}
-          <View style={styles.inputBox}>
-            <Octicons
-              name="copy"
-              size={18}
-              color="black"
-              style={styles.iconAction}
-            />
-            <TextInput
-              value="https://bestpc.vn/restricted.php"
-              style={styles.input}
-              editable={false}
-            />
-          </View>
-
-          {/* Đặt tên */}
-          <View style={styles.inputBox}>
-            <Text style={{ marginLeft: 10 }}>Đặt tên:</Text>
-            <TextInput placeholder="Nhập tên" style={styles.input} />
-          </View>
-
-          {/* Buttons */}
-          <View style={styles.buttonGroup}>
-            <ActionButton icon="copy-outline" label="Copy" />
-            <ActionButton icon="download-outline" label="Tải xuống" />
-            <ActionButton icon="refresh-outline" label="Làm mới" />
-          </View>
-        </View>
-
-        {/* Buildpc Content */}
-        <CreateBuildpc />
+        <Footer navigation={navigation} />
       </ScrollView>
     </AppLayout>
   );
@@ -97,7 +109,6 @@ function ActionButton({ icon, label }: { icon: string; label: string }) {
 
 const styles = StyleSheet.create({
   container: {
-    paddingBottom: 100,
     paddingHorizontal: 10,
   },
   breadcrumb: {