finished styling

calblueprint · Mar 20, 2024 · 32b7002 · 32b7002
1 parent f73ff77
commit 32b7002
Show file tree

Hide file tree

Showing 6 changed files with 137 additions and 0 deletions.
diff --git a/src/app/(tabs)/library/favoritesList/_layout.tsx b/src/app/(tabs)/library/favoritesList/_layout.tsx
@@ -0,0 +1,11 @@
+import { Stack } from 'expo-router';
+
+function StackLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+    </Stack>
+  );
+}
+
+export default StackLayout;
diff --git a/src/app/(tabs)/library/favoritesList/index.tsx b/src/app/(tabs)/library/favoritesList/index.tsx
@@ -0,0 +1,56 @@
+import { View, ScrollView } from 'react-native';
+import PreviewCard from '../../../../components/PreviewCard/PreviewCard';
+import { router } from 'expo-router';
+import styles from './styles';
+
+export default function FavouritesList() {
+  return (
+    <View style={styles.container}>
+      <PreviewCard
+        key={'aaa'}
+        title={'aaa'}
+        image={'aaa'}
+        author={'aaa'}
+        authorImage={'aaa'}
+        excerpt={{ html: 'aaa' }}
+        tags={['aaa']}
+        pressFunction={() =>
+          router.push({
+            pathname: '/story',
+            params: { storyId: 'aaa' },
+          })
+        }
+      ></PreviewCard>
+      <PreviewCard
+        key={'aaa'}
+        title={'aaa'}
+        image={'aaa'}
+        author={'aaa'}
+        authorImage={'aaa'}
+        excerpt={{ html: 'aaa' }}
+        tags={['aaa']}
+        pressFunction={() =>
+          router.push({
+            pathname: '/story',
+            params: { storyId: 'aaa' },
+          })
+        }
+      ></PreviewCard>
+      <PreviewCard
+        key={'aaa'}
+        title={'aaa'}
+        image={'aaa'}
+        author={'aaa'}
+        authorImage={'aaa'}
+        excerpt={{ html: 'aaa' }}
+        tags={['aaa']}
+        pressFunction={() =>
+          router.push({
+            pathname: '/story',
+            params: { storyId: 'aaa' },
+          })
+        }
+      ></PreviewCard>
+    </View>
+  );
+}
diff --git a/src/app/(tabs)/library/favoritesList/styles.ts b/src/app/(tabs)/library/favoritesList/styles.ts
@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    marginRight: 0,
+  },
+});
+
+export default styles;
diff --git a/src/app/(tabs)/library/readingList/_layout.tsx b/src/app/(tabs)/library/readingList/_layout.tsx
@@ -0,0 +1,11 @@
+import { Stack } from 'expo-router';
+
+function StackLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+    </Stack>
+  );
+}
+
+export default StackLayout;
diff --git a/src/app/(tabs)/library/readingList/index.tsx b/src/app/(tabs)/library/readingList/index.tsx
@@ -0,0 +1,41 @@
+import { View, ScrollView } from 'react-native';
+import PreviewCard from '../../../../components/PreviewCard/PreviewCard';
+import { router } from 'expo-router';
+import styles from './styles';
+
+export default function ReadingList() {
+  return (
+    <View style={styles.container}>
+      <PreviewCard
+        key={'aaa'}
+        title={'aaa'}
+        image={'aaa'}
+        author={'aaa'}
+        authorImage={'aaa'}
+        excerpt={{ html: 'aaa' }}
+        tags={['aaa']}
+        pressFunction={() =>
+          router.push({
+            pathname: '/story',
+            params: { storyId: 'aaa' },
+          })
+        }
+      ></PreviewCard>
+      <PreviewCard
+        key={'aaa'}
+        title={'aaa'}
+        image={'aaa'}
+        author={'aaa'}
+        authorImage={'aaa'}
+        excerpt={{ html: 'aaa' }}
+        tags={['aaa']}
+        pressFunction={() =>
+          router.push({
+            pathname: '/story',
+            params: { storyId: 'aaa' },
+          })
+        }
+      ></PreviewCard>
+    </View>
+  );
+}
diff --git a/src/app/(tabs)/library/readingList/styles.ts b/src/app/(tabs)/library/readingList/styles.ts
@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    marginRight: 0,
+  },
+});
+
+export default styles;