feat: first working schema ui

packages/app/components/calendar.component.tsx

@@ -4,8 +4,10 @@ import { Divider, List, ListItem, Text } from '@ui-kitten/components'
 import moment from 'moment'
 import React from 'react'
 import { Image, ListRenderItemInfo, StyleSheet, View } from 'react-native'
+import { ScrollView } from 'react-native-gesture-handler'
 import { useChild } from './childContext.component'
 import { CalendarOutlineIcon } from './icon.component'
+import { Week } from './week.component'
 import { SaveToCalendar } from './saveToCalendar.component'
 
 export const Calendar = () => {
@@ -21,25 +23,32 @@ export const Calendar = () => {
       <Text category="h5">Det ser lite tomt ut i kalendern</Text>
     </View>
   ) : (
-    <List
-      contentContainerStyle={styles.contentContainer}
-      data={data.sort((a, b) =>
-        a.startDate && b.startDate ? a.startDate.localeCompare(b.startDate) : 0
-      )}
-      ItemSeparatorComponent={Divider}
-      renderItem={({ item }: ListRenderItemInfo<CalendarItem>) => (
-        <ListItem
-          disabled={true}
-          title={`${item.title}`}
-          description={`${moment(item.startDate).format(
-            'YYYY-MM-DD'
-          )} (${moment(item.startDate).fromNow()})`}
-          accessoryLeft={CalendarOutlineIcon}
-          accessoryRight={() => <SaveToCalendar event={item} />}
-        />
-      )}
-      style={styles.container}
-    />
+    <View>
+      <Text category="h1">Schema</Text>
+      <Week />
+      <Text category="h1">Händelser</Text>
+      <List
+        contentContainerStyle={styles.contentContainer}
+        data={data.sort((a, b) =>
+          a.startDate && b.startDate
+            ? a.startDate.localeCompare(b.startDate)
+            : 0
+        )}
+        ItemSeparatorComponent={Divider}
+        renderItem={({ item }: ListRenderItemInfo<CalendarItem>) => (
+          <ListItem
+            disabled={true}
+            title={`${item.title}`}
+            description={`${moment(item.startDate).format(
+              'YYYY-MM-DD'
+            )} (${moment(item.startDate).fromNow()})`}
+            accessoryLeft={CalendarOutlineIcon}
+            accessoryRight={() => <SaveToCalendar event={item} />}
+          />
+        )}
+        style={styles.container}
+      />
+    </View>
   )
 }
 

packages/app/ios/Podfile.lock

@@ -537,7 +537,7 @@ SPEC CHECKSUMS:
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
   DoubleConversion: cf9b38bf0b2d048436d9a82ad2abe1404f11e7de
   FBLazyVector: 49cbe4b43e445b06bf29199b6ad2057649e4c8f5
-  FBReactNativeSpec: ebaacef3461dc9326c3d8f5e0ecb9ed0b6cb58e0
+  FBReactNativeSpec: 5f526e6823c165fed82ca17947fd172ce470a01a
   Flipper: d3da1aa199aad94455ae725e9f3aa43f3ec17021
   Flipper-DoubleConversion: 38631e41ef4f9b12861c67d17cb5518d06badc41
   Flipper-Folly: f7a3caafbd74bda4827954fd7a6e000e36355489

packages/app/package.json

@@ -49,6 +49,7 @@
     "react-native-tab-view": "2.15.2",
     "react-native-typography": "^1.4.1",
     "react-native-webview": "11.2.4",
+    "react-native-weekly-calendar": "^0.2.0",
     "rn-actionsheet-module": "1.0.3",
     "use-async-storage": "1.2.0",
     "yup": "0.32.9"

packages/app/yarn.lock

@@ -1329,6 +1329,13 @@
   dependencies:
     invariant "^2.2.4"
 
+"@react-native-community/datetimepicker@~2.3.0":
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/@react-native-community/datetimepicker/-/datetimepicker-2.3.2.tgz#c4dfc503ed260c7c93ce838f60e707dbba179452"
+  integrity sha512-BbDmWVIaSYoYK2x5tRRuy/UWUVS6WtZ+3D210zYZgyD47yEVcTbaLFL9zFw7VxNMb8c/6BFcEpC6k18WTYplwA==
+  dependencies:
+    invariant "^2.2.4"
+
 "@react-native-community/eslint-config@^2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/eslint-config/-/eslint-config-2.0.0.tgz#35dcc529a274803fc4e0a6b3d6c274551fb91774"
@@ -1455,7 +1462,7 @@
     react-redux "^7.2.2"
     redux "^4.0.5"
 
-"@skolplattformen/embedded-api@^3.0.1":
+"@skolplattformen/embedded-api@^3.0.2":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@skolplattformen/embedded-api/-/embedded-api-3.0.2.tgz#001a39cff9423cdbb5292b2180cacb14a85c8f75"
   integrity sha512-Ljmk/36Eq0GkOREbyFhVPmo8/7qQuRAY32/QG+gnFQSWLVtC3ZHYIJ/088nOdcPfGXMnTgn8LvVqAvC54wlsgQ==
@@ -6508,7 +6515,7 @@ mockdate@^3.0.2:
   resolved "https://registry.yarnpkg.com/mockdate/-/mockdate-3.0.5.tgz#789be686deb3149e7df2b663d2bc4392bc3284fb"
   integrity sha512-iniQP4rj1FhBdBYS/+eQv7j1tadJ9lJtdzgOpvsOHng/GbcDh2Fhdeq+ZRldrPYdXvCyfFUmFeEwEGXZB5I/AQ==
 
-moment@>=2.0.0:
+moment@>=2.0.0, moment@^2.24.0:
   version "2.29.1"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
   integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
@@ -7200,7 +7207,7 @@ prop-types@15.5.8:
   dependencies:
     fbjs "^0.8.9"
 
-prop-types@^15.5.10, prop-types@^15.6.0, prop-types@^15.7.2:
+prop-types@^15.5.10, prop-types@^15.5.7, prop-types@^15.6.0, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -7434,6 +7441,15 @@ react-native-webview@11.2.4:
     escape-string-regexp "2.0.0"
     invariant "2.2.4"
 
+react-native-weekly-calendar@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/react-native-weekly-calendar/-/react-native-weekly-calendar-0.2.0.tgz#74e247fb7bdae56229b5045d531662352dfbb14e"
+  integrity sha512-F8nGekXSsKln+QbSSNFr5h1Qwz+m88baP8zu85gKzo0gkvOkj4TJoDHpa2/tI87RyUL/B1FahnK15r/F0WMbBA==
+  dependencies:
+    "@react-native-community/datetimepicker" "~2.3.0"
+    moment "^2.24.0"
+    prop-types "^15.5.7"
+
 react-native@0.64.0:
   version "0.64.0"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.64.0.tgz#c3bde5b638bf8bcf12bae6e094930d39cb942ab7"