TODO: Đã hoàn thiện phần header danh sách công việc

src/screens/list_work/style.js

@@ -9,7 +9,56 @@ const styles = StyleSheet.create({
     body:{
         flex:1,
         backgroundColor:R.colors.white
-    }
+    },
+    card:{
+        borderWidth:1,
+        borderColor:R.colors.grayBorderInputTextHeader,
+        borderRadius:10,
+        padding:5,
+        marginTop:15,
+        marginBottom:15,
+        marginHorizontal:15,
+        alignItems:'center',
+        justifyContent:'center',
+
+        backgroundColor:R.colors.white,
+        shadowColor:R.colors.black,
+        shadowOffset:{width:0.5,height:2},
+        shadowOpacity:Platform.OS === 'ios' ? 0.25 : 1,
+        shadowRadius:5,
+        elevation:Platform.OS === 'ios' ?  1 : 2,
+    },
+    btnCard:{
+        borderRadius:10,
+        borderWidth:1,
+        padding:5,
+        width:'100%',
+        alignItems:'center',
+        justifyContent:'center',
+        borderColor:R.colors.grayBorderInputTextHeader,
+    },
+    text:{
+        fontSize:R.sizes.sm,
+        color:R.colors.black,
+        fontFamily:R.fonts.fontRegular,
+        fontWeight:'400',
+    },
+    searchBox:{
+        flex:1,
+        borderWidth:1,
+        borderColor:R.colors.grayBorderInputTextHeader,
+        borderRadius:20,
+        alignItems:'center',
+        justifyContent:'flex-start',
+        paddingLeft:15,
+        flexDirection:'row',
+        height:42
+    },
+    box_3:{
+        flexDirection:'row',
+        marginHorizontal:15,
+        alignItems:'center',
+    },
 })
 
 export default styles
\ No newline at end of file

src/screens/list_work/view.js

 import React from 'react';
-import {Text, View, TouchableOpacity, StyleSheet} from 'react-native';
+import {Text, View, TouchableOpacity, StyleSheet, Image, TextInput} from 'react-native';
 import styles from './style';
 import FAB from '../../components/FAB/fab';
 import SubButton from '../../components/FAB/sub_button';
@@ -9,7 +9,10 @@ import R from '../../assets/R';
 import TabViewComponent from '../../components/TabView';
 
 const ListWorkView = (props) => {
-  const {  } = props;
+  const { 
+    searchQuery,
+    setSearchQuery,
+   } = props;
   
   const handleFilterChange = (item) => {
     console.log(item);
@@ -63,6 +66,39 @@ const ListWorkView = (props) => {
         <View style = {styles.body}>
           {renderTabView()}
 
+          <View style={{marginBottom: 15}}>
+          <View style={styles.card}>
+            <TouchableOpacity style={styles.btnCard}>
+              <Text style={styles.text}>Học kỳ 2, Năm 2025</Text>
+            </TouchableOpacity>
+          </View>
+
+          <View style={styles.box_3}>
+            <View style={styles.searchBox}>
+              <Image
+                source={R.images.icSearch}
+                style={{width: 20, height: 20}}
+              />
+              <View style={{flex:1}}>
+              <TextInput
+                placeholder="Tìm kiếm"
+                style={styles.text}
+                value={searchQuery}
+                onChangeText={setSearchQuery}
+              />
+              </View>
+             
+         
+            </View>
+            <View style={{flex: 0.1}}></View>
+
+            <View style={styles.boxFilter}>
+              <Dropdown title={'Tìm kiếm'} height={40}/>
+            </View>
+          </View>
+        </View>
+
+
           
         </View>
      <FAB>