diff --git a/src/component/session-card/session-card-footer.tsx b/src/component/session-card/session-card-footer.tsx index 96cd024..b319547 100644 --- a/src/component/session-card/session-card-footer.tsx +++ b/src/component/session-card/session-card-footer.tsx @@ -13,14 +13,12 @@ const SessionCardFooter = ({ sessionName, lastPlayed }) => { const styles = StyleSheet.create({ sessionName: { fontSize: 18, - fontWeight: "medium", paddingTop: 5, marginLeft: 16, marginRight: 16, }, sessionDatetime: { fontSize: 10, - fontWeight: "normal", color: "#A3A3A3", marginLeft: 16, marginRight: 16, diff --git a/src/component/session-card/session-card-stat.tsx b/src/component/session-card/session-card-stat.tsx index c9f452b..96ab432 100644 --- a/src/component/session-card/session-card-stat.tsx +++ b/src/component/session-card/session-card-stat.tsx @@ -16,13 +16,12 @@ const SessionCardStat = ({ aggregateStat, displayName, numberFormat }) => { const styles = StyleSheet.create({ statItem: { fontSize: 10, - alignItems: "center", - fontWeight: "light", + textAlign: "center", color: "#666", }, statValue: { fontSize: 22, - fontWeight: "bold", + fontWeight: "400", }, }); diff --git a/src/screens/session-stack/session-feed.tsx b/src/screens/session-stack/session-feed.tsx index 0e6bf12..5b69594 100644 --- a/src/screens/session-stack/session-feed.tsx +++ b/src/screens/session-stack/session-feed.tsx @@ -1,8 +1,23 @@ +import { StackNavigationProp } from "@react-navigation/stack"; import React from "react"; import { StyleSheet, TouchableOpacity, View } from "react-native"; import sampleSessionImage from "../../assets/sample_session.png"; import SessionCard from "../../component/session-card/session-card"; +// Define the types for your navigation stack +type SessionStackParamList = { + Session: undefined; // Add other screens as needed +}; + +type SessionFeedNavigationProp = StackNavigationProp< + SessionStackParamList, + "Session" +>; + +// Define the props for SessionFeed component +interface SessionFeedProps { + navigation: SessionFeedNavigationProp; +} const SessionFeed: React.FC = ({ navigation }) => { return (