Add header prop

dtun · Aug 18, 2024 · e2d4d7e · e2d4d7e
1 parent 1f1c975
commit e2d4d7e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/app/index.tsx b/app/index.tsx
@@ -15,7 +15,10 @@ function Main() {
     <ListContainer
       style={[styles.container, { paddingTop: top, paddingBottom: bottom }]}
     >
-      <MyMenuView menuData={menuData.filter((i) => i.checked)} />
+      <MyMenuView
+        headerTitle="My Music"
+        menuData={menuData.filter((i) => i.checked)}
+      />
       <Controls
         level={level}
         playing={playing}

diff --git a/components/MyMenuView.tsx b/components/MyMenuView.tsx
@@ -8,7 +8,13 @@ import { MyMenuViewItem } from "@/components/MyMenuViewItem";
 
 import type { MenuItem } from "@/types";
 
-export function MyMenuView({ menuData }: { menuData: MenuItem[] }) {
+export function MyMenuView({
+  headerTitle,
+  menuData,
+}: {
+  headerTitle: string;
+  menuData: MenuItem[];
+}) {
   return (
     <FlatList
       contentContainerStyle={styles.listContent}
@@ -17,7 +23,7 @@ export function MyMenuView({ menuData }: { menuData: MenuItem[] }) {
       ListFooterComponent={<View style={styles.footer} />}
       ListHeaderComponent={
         <View style={styles.header}>
-          <Text style={styles.headerTitle}>My Music</Text>
+          <Text style={styles.headerTitle}>{headerTitle}</Text>
           <Link href="/edit">
             <Text>Edit</Text>
           </Link>