TODO: Đã sửa giao diện phần đăng kí chứng chỉ

src/screens/certificate_registration/detail/view.js

@@ -26,7 +26,7 @@ const DetailCertificateView = (props) => {
             </View>
             <View style={styles.card_item}>
               <View style={styles.header_card_item}>
-                <Text style={styles.text_title}>Chứng chỉ toeic</Text>
+                <Text style={[styles.text_title , { fontFamily: R.fonts.InterMedium } ]}>Chứng chỉ toeic</Text>
 
 
               </View>
@@ -37,21 +37,34 @@ const DetailCertificateView = (props) => {
                 />
               </View>
               <View >
-                <Text style={styles.sub_text}>Loại chứng chỉ: TOEIC</Text>
-                <Text style={styles.sub_text}>Ngày sinh: 23/10/2004</Text>
-                <Text style={styles.sub_text}>
-                  CCCD/CMND đăng ký: 00228956325
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Loại chứng chỉ:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>TOEIC</Text>
+                  </Text>
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Ngày sinh:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>23/10/2004</Text>
+                  </Text>
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>
+                  CCCD/CMND đăng ký:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>00228956325</Text>
                 </Text>
-                <Text style={styles.sub_text}>Ngày thi: 23/10/2024</Text>
-                <Text style={styles.sub_text}>Tổng điểm: 875</Text>
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Ngày thi:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>23/10/2024</Text>
+                  </Text>
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Tổng điểm:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>875</Text>
+                  </Text>
                 <View
                   style={{
                     flexDirection: "row",
                     justifyContent: "space-between",
                   }}
                 >
-                  <Text style={styles.sub_text}>Điểm nói: 0</Text>
-                  <Text style={styles.sub_text}>Điểm nghe: 445</Text>
+                  <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Điểm nói:{' '}
+                    <Text style={{ fontFamily: R.fonts.InterRegular }}>0</Text>
+                    </Text>
+                  <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Điểm nghe:{' '}
+                    <Text style={{ fontFamily: R.fonts.InterRegular }}>445</Text>
+                    </Text>
                 </View>
                 <View
                   style={{
@@ -59,12 +72,20 @@ const DetailCertificateView = (props) => {
                     justifyContent: "space-between",
                   }}
                 >
-                  <Text style={styles.sub_text}>Điểm đọc: 430</Text>
-                  <Text style={styles.sub_text}>Điểm viết: 0</Text>
+                  <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Điểm đọc:{' '}
+                    <Text style={{ fontFamily: R.fonts.InterRegular }}>430</Text>
+                    </Text>
+                  <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Điểm viết:{' '}
+                    <Text style={{ fontFamily: R.fonts.InterRegular }}>0</Text>
+                    </Text>
                 </View>
-                <Text style={styles.sub_text}>Số TRF: 085692265852</Text>
-                <Text style={styles.sub_text}>Có hiệu lực đến: 23/10/2026</Text>
-                <Text style={[styles.sub_text, { color: R.colors.main }]}>
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Số TRF:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>085692265852</Text>
+                  </Text>
+                <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Có hiệu lực đến:{' '}
+                  <Text style={{ fontFamily: R.fonts.InterRegular }}>23/10/2026</Text>
+                  </Text>
+                <Text style={[styles.sub_text, { color: R.colors.main , fontFamily: R.fonts.InterMedium }]}>
                   Không dùng để đăng ký học bổng
                 </Text>
               </View>

src/screens/certificate_registration/list/item.js

@@ -23,9 +23,14 @@ const ItemNav = () => {
         </View>
         <View style={styles.footer_card_item}>
           <View>
-            <Text style={styles.sub_text}>Trạng thái: Đang đánh giá</Text>
-            <Text style={styles.sub_text}>Ngày đăng ký: 23/10/2024</Text>
-            <Text style={[styles.sub_text, { color: R.colors.blue500 }]}>Không dùng để đăng ký học bổng</Text>
+            <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>Trạng thái:{' '}
+              <Text style={{ fontFamily: R.fonts.InterRegular }}>Đang đánh giá</Text>
+              </Text>
+            <Text style={[styles.sub_text , { fontFamily: R.fonts.InterMedium } ]}>
+              Ngày đăng ký:{' '}
+              <Text style={{ fontFamily: R.fonts.InterRegular }}>23/10/2024</Text>
+              </Text>
+            <Text style={[styles.sub_text, { color: R.colors.blue500 , fontFamily: R.fonts.InterMedium }]}>Không dùng để đăng ký học bổng</Text>
           </View>
           <View style={styles.button_container}>
             <Button
@@ -34,7 +39,7 @@ const ItemNav = () => {
               fontWeight={300}
               fontSize={14}
               width={61}
-              height={27}
+              height={35}
               backgroundColor={R.colors.red}
               borderRadius={10}
               textColor={R.colors.white}
@@ -86,9 +91,9 @@ const styles = StyleSheet.create({
     alignSelf: "center",
   },
   text_title_left: {
-    fontFamily: R.fonts.InterRegular,
+    fontFamily: R.fonts.InterMedium,
     fontSize: R.fontsize.fontsSize14,
-    fontWeight: '400',
+    fontWeight: '600',
     color: R.colors.black
   },
   text_title_right: {

src/screens/certificate_registration/list/view.js

@@ -25,7 +25,7 @@ const ListCetificateView = (props) => {
             <Text style={styles.text}>Các chứng chỉ đã đăng kí</Text>
             <Button
               onPress={() => navigate.navigate(CERTIFICATEREGISTRATION)}
-              height={27}
+              height={35}
               borderRadius={10}
               textColor={R.colors.white}
               fontFamily={R.fonts.InterRegular}

src/screens/certificate_registration/view.js

@@ -39,7 +39,7 @@ const CertificateRegistrationView = (props) => {
             placeholderFontWeight={"400"}
             placeholderColor={R.colors.grey}
             borderRadius={10}
-            height={40}
+            height={30}
             marginHorizontal={15}
             marginVertical={5}
             iconColor={R.colors.black}
@@ -49,6 +49,7 @@ const CertificateRegistrationView = (props) => {
             <CustomTextInput
               title={"Ngày sinh "}
               backgroundColor={R.colors.gray400}
+              editable={false}
 
             />
           </View>
@@ -56,7 +57,7 @@ const CertificateRegistrationView = (props) => {
             <CustomTextInput
               title={"CMND/CCCD (thí sinh dùng để đăng ký thi)"}
               backgroundColor={R.colors.gray400}
-
+              editable={false}
             />
           </View>
 
@@ -167,6 +168,7 @@ const CertificateRegistrationView = (props) => {
             textColor={R.colors.white}
             borderRadius={10}
             paddingVertical={4}
+            height={35}
           />
         </View>
       </ScrollView>

src/screens/medical/view.js

@@ -31,7 +31,7 @@ const MedicalView = (props) => {
           placeholder="Khác"
           placeholderColor={R.colors.grey_800}
           borderRadius={10}
-          height={40}
+          height={30}
           iconColor={R.colors.black}
           titleFontWeight={"300"}
           fontSize={R.fontsize.fontsSize12}
@@ -61,7 +61,7 @@ const MedicalView = (props) => {
           placeholder="HS"
           placeholderColor={R.colors.grey_800}
           borderRadius={10}
-          height={40}
+          height={30}
           iconColor={R.colors.black}
           titleFontWeight={"300"}
           fontSize={R.fontsize.fontsSize12}
@@ -79,7 +79,7 @@ const MedicalView = (props) => {
           backgroundColor={R.colors.blue500}
           borderRadius={10}
           textColor={R.colors.white}
-          height={40}
+          height={35}
           marginBottom={15}
           marginHorizontal={0}
           marginVertical={0}