hiển thị thuyền thông tin tàu

components/map/Description.tsx

@@ -1,6 +1,6 @@
 import { ThemedText } from "@/components/themed-text";
 import { useAppTheme } from "@/hooks/use-app-theme";
-import { View } from "react-native";
+import { ScrollView, View } from "react-native";
 
 interface DescriptionProps {
   title?: string;
@@ -13,12 +13,14 @@ export const Description = ({
   const { colors } = useAppTheme();
   return (
     <View className="flex-row gap-2 ">
-      <ThemedText
-        style={{ color: colors.textSecondary, fontSize: 16 }}
-      >
+      <ThemedText style={{ color: colors.textSecondary, fontSize: 16 }}>
         {title}:
       </ThemedText>
-      <ThemedText style={{ fontSize: 16 }}>{description}</ThemedText>
+      <ScrollView horizontal showsHorizontalScrollIndicator={false}>
+        <ThemedText style={{ color: colors.textSecondary, fontSize: 16 }}>
+          {description || "-"}
+        </ThemedText>
+      </ScrollView>
     </View>
   );
 };