TODO: Đã chỉnh sửa giao diện điểm rèn luyện

src/assets/colors.js

@@ -55,7 +55,8 @@ const colors = {
   greyBlue_soft_50: 'rgba(221, 222, 238, 0.5)',
    // 🟢 Green
    green500: 'rgba(0, 255, 123, 1)',                            // green
-    green:'rgba(0, 255, 21, 1)',
+    green:'rgb(0, 128, 0)',
+
    // 🟠 Orange/Yellow
    orange500: '#F39A2B',                           // orange, yellow (trùng mã)
  

src/screens/outpatient_information/item.js

@@ -6,10 +6,13 @@ const ItemNav = ({ item }) => {
   return (
     <View style={styles.container}>
       <Text style={styles.text}>{item.address}</Text>
-      <Text style={[styles.text,{fontFamily:R.fonts.InterRegular}]}>Thời gian cứ trú: {item.timeStay}</Text>
-      <View style={{ flexDirection: "row"}}>
-        <Text style={[styles.text, { flex: 3,fontFamily:R.fonts.InterRegular }]}>Ngày đăng kí: {item.registrationDate}</Text>
-        <View style={[styles.text, { flex:2.5,fontFamily:R.fonts.InterRegular }]}>
+      <Text style={[styles.text,{fontFamily:R.fonts.InterMedium}]}>Thời gian cứ trú:{' '}
+        <Text style={[styles.text,{fontFamily:R.fonts.InterRegular}]}>{item.timeStay}</Text></Text>
+      <View style={{ flexDirection: "row", justifyContent: "space-between"}}>
+        <Text style={[styles.text, { fontFamily:R.fonts.InterMedium }]}>Ngày đăng kí:{' '}
+          <Text style={[styles.text,{fontFamily:R.fonts.InterRegular}]}>
+            {item.registrationDate}</Text></Text>
+        <View style={[styles.text, { fontFamily:R.fonts.InterRegular }]}>
           <Text
             style={[
               styles.text,
@@ -21,8 +24,10 @@ const ItemNav = ({ item }) => {
           </Text>
         </View>
       </View>
-      <Text style={[styles.text, { fontFamily:R.fonts.InterRegular }]}>Quan hệ với chủ trọ:{item.relation}</Text>
-      <Text style={[styles.text, { fontFamily:R.fonts.InterRegular }] }>Lý do: {item.reason}</Text>
+      <Text style={[styles.text, { fontFamily:R.fonts.InterMedium }]}>Quan hệ với chủ trọ:{' '}
+        <Text style={[styles.text,{fontFamily:R.fonts.InterRegular}]}>{item.relation}</Text></Text>
+      <Text style={[styles.text, { fontFamily:R.fonts.InterMedium }] }>Lý do:{' '}
+        <Text style={[styles.text,{fontFamily:R.fonts.InterRegular}]}>{item.reason}</Text></Text>
     </View>
   );
 };

src/screens/outpatient_information/view.js

@@ -4,7 +4,6 @@ import {
   View,
   StyleSheet,
   FlatList,
-  SafeAreaView,
 } from "react-native";
 import R from "../../assets/R";
 import Header from "../../components/Header/Header";
@@ -33,8 +32,8 @@ const OutpatientInfomationView = (props) => {
           <Text style={[styles.text, styles.addressText]}>
             134/44/9 Nguyên xá, Bắc Từ Liêm, Hà Nội
           </Text>
-          <Text style={[styles.text, styles.addressText]}>
-            Thời gian bắt đầu cư chú: 20/11/2024
+          <Text style={[styles.text, styles.addressText, {fontFamily: R.fonts.InterMedium, fontWeight: '600'}]}>
+            Thời gian bắt đầu cư chú: <Text style={{fontFamily: R.fonts.InterRegular}}>20/11/2024</Text>
           </Text>
           <Text style={[styles.text, styles.historyTitle]}>
             Lịch sử đăng ký