add terms/privacy to settings page

Expensify · Mar 22, 2021 · 24bb443 · 24bb443
1 parent cd27190
commit 24bb443
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 5 deletions.
diff --git a/src/pages/settings/InitialPage.js b/src/pages/settings/InitialPage.js
@@ -21,6 +21,8 @@ import {
 import ScreenWrapper from '../../components/ScreenWrapper';
 import MenuItem from '../../components/MenuItem';
 import ROUTES from '../../ROUTES';
+import openURLInNewTab from '../../libs/openURLInNewTab';
+import CONST from '../../CONST';
 
 const propTypes = {
     /* Onyx Props */
@@ -139,10 +141,32 @@ const InitialSettingsPage = ({
                         </TouchableOpacity>
                     </View>
                 </View>
-                <Text style={[styles.chatItemMessageHeaderTimestamp]} numberOfLines={1}>
-                    v
-                    {version}
-                </Text>
+                <View style={[styles.sidebarFooter]}>
+                    <Text style={[styles.chatItemMessageHeaderTimestamp]} numberOfLines={1}>
+                        v
+                        {version}
+                    </Text>
+                    <Text style={[styles.chatItemMessageHeaderTimestamp]} numberOfLines={1}>
+                        Read the
+                        {' '}
+                        <Text
+                            style={[styles.chatItemMessageHeaderTimestamp, styles.link]}
+                            onPress={() => openURLInNewTab(CONST.TERMS_URL)}
+                        >
+                            terms of service
+                        </Text>
+                        {' '}
+                        and
+                        {' '}
+                        <Text
+                            style={[styles.chatItemMessageHeaderTimestamp, styles.link]}
+                            onPress={() => openURLInNewTab(CONST.PRIVACY_URL)}
+                        >
+                            privacy policy
+                        </Text>
+                        .
+                    </Text>
+                </View>
             </View>
         </ScreenWrapper>
     );

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -401,7 +401,7 @@ const styles = {
     sidebarFooter: {
         alignItems: 'center',
         display: 'flex',
-        flexDirection: 'row',
+        flexDirection: 'column',
         height: 84,
         justifyContent: 'flex-start',
         paddingHorizontal: 20,