From 111475b2e3190b10e98ac1cc8c1b229baab83771 Mon Sep 17 00:00:00 2001
From: mashazyu <mariya.z@gmail.com>
Date: Mon, 20 Apr 2020 17:40:52 +0200
Subject: [PATCH] Introduces License page redesign

---
 components/license.js | 65 +++++++++++++++++++++++--------------------
 1 file changed, 35 insertions(+), 30 deletions(-)

diff --git a/components/license.js b/components/license.js
index fbe7928..6406824 100644
--- a/components/license.js
+++ b/components/license.js
@@ -1,44 +1,49 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { ScrollView, View, BackHandler } from 'react-native'
+import { BackHandler, StyleSheet, View } from 'react-native'
+
+import AppPage from './common/app-page'
 import AppText from './common/app-text'
-import { shared } from '../i18n/en/labels'
-import settingsLabels from '../i18n/en/settings'
-import styles,{secondaryColor} from '../styles'
 import Button from './common/button'
+import Segment from './common/segment'
+
 import { saveLicenseFlag } from '../local-storage'
 
+import { shared } from '../i18n/en/labels'
+import settingsLabels from '../i18n/en/settings'
+import { Containers } from '../styles/redesign'
+
 const labels = settingsLabels.license
-export default function License({setLicense}) {
+
+export default function License({ setLicense }) {
+  const onAcceptLicense = async () => {
+    await saveLicenseFlag()
+    setLicense()
+  }
+
   return (
-    <ScrollView testID='licensePage' style={styles.licensePage}>
-      <AppText style={styles.framedSegmentTitle}>{labels.title}</AppText>
-      <AppText testID='test'>{labels.text}</AppText>
-      <View style={styles.licenseButtons}>
-        <Button
-          style={styles.licenseButton}
-          backgroundColor={'grey'}
-          onPress={() => BackHandler.exitApp()}
-          testID='licenseCancelButton'
-        >
-          {shared.cancel}
-        </Button>
-        <Button
-          style={styles.licenseButton}
-          backgroundColor={secondaryColor}
-          onPress={async () => {
-            await saveLicenseFlag()
-            setLicense()
-          }}
-          testID='licenseOkButton'
-        >
-          {shared.ok}
-        </Button>
-      </View>
-    </ScrollView>
+    <AppPage testID='licensePage'>
+      <Segment last testID='test' title={labels.title}>
+        <AppText testID='test'>{labels.text}</AppText>
+        <View style={styles.container}>
+          <Button onPress={BackHandler.exitApp} testID='licenseCancelButton'>
+            {shared.cancel}
+          </Button>
+          <Button isCTA onPress={onAcceptLicense} testID='licenseOkButton'>
+            {shared.ok}
+          </Button>
+        </View>
+      </Segment>
+    </AppPage>
   )
 }
 
 License.propTypes = {
   setLicense: PropTypes.func.isRequired
 }
+
+const styles = StyleSheet.create({
+  container: {
+    ...Containers.rowContainer
+  }
+})