add image (#265)

fosopenscouting · Sep 12, 2023 · 03bf1ea · 03bf1ea
1 parent 2635e5a
commit 03bf1ea
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/assets/images/saamregels.png b/assets/images/saamregels.png
diff --git a/components/CountDownTimer.tsx b/components/CountDownTimer.tsx
@@ -91,6 +91,7 @@ export default CountdownTimer;
 const styles = StyleSheet.create({
   countdown: {
     marginHorizontal: 8,
+    marginBottom: 8,
   },
   countdownTitle: {
     color: 'white',

diff --git a/screens/HomeScreen.tsx b/screens/HomeScreen.tsx
@@ -6,6 +6,8 @@ import BasicCard from '../components/BasicCard';
 import { HomeScreenSection } from '../models/HomeScreenSection';
 import { HOME_ITEMS } from '../constants/Strings';
 import { useDataContext } from '../hooks/useDataContext';
+import ContentCard from '../components/ContentCard';
+import { Text } from '../components/Themed/Text';
 
 const HomeScreen: React.FC = () => {
   const { data, refreshContext, refreshing } = useDataContext();
@@ -30,6 +32,15 @@ const HomeScreen: React.FC = () => {
       >
         <ScrollView style={{ height: '100%', paddingVertical: 8 }}>
           <CountdownTimer targetDate={new Date('2023-09-22T20:00:00+02:00')} />
+
+          <ContentCard
+            containerStyle={styles.saamregels}
+            palette="fosBlue"
+            backgroundImage={require('../assets/images/saamregels.png')}
+          >
+            <Text style={styles.countdownTitle}></Text>
+          </ContentCard>
+
           {data
             ?.filter((x) => x.key === HOME_ITEMS)[0]
             .content?.map((item: HomeScreenSection) => (
@@ -87,4 +98,11 @@ const styles = StyleSheet.create({
     borderBottomWidth: 2,
     marginTop: 10,
   },
+  saamregels: {
+    marginHorizontal: 8,
+    height: 200,
+  },
+  countdownTitle: {
+    height: '100%',
+  },
 });