Use ButtonsViewUi4 in GettingStartedScene

EdgeApp · Jan 23, 2024 · cd42ef8 · cd42ef8
1 parent be6581e
commit cd42ef8
Showing 1 changed file with 20 additions and 10 deletions.
diff --git a/src/components/scenes/GettingStartedScene.tsx b/src/components/scenes/GettingStartedScene.tsx
@@ -37,7 +37,7 @@ import { styled } from '../hoc/styled'
 import { SwipeOffsetDetector } from '../interactions/SwipeOffsetDetector'
 import { Space } from '../layout/Space'
 import { EdgeText } from '../themed/EdgeText'
-import { MainButton } from '../themed/MainButton'
+import { ButtonsViewUi4 } from '../ui4/ButtonsViewUi4'
 
 const ANIM_DURATION = 1000
 
@@ -234,14 +234,24 @@ export const GettingStartedScene = (props: Props) => {
                 )
               })}
             </Sections>
-            <Space horizontal={2}>
-              <EdgeAnim ios enter={{ type: 'fadeInDown', duration: ANIM_DURATION, distance: 40 }}>
-                <MainButton onPress={handlePressSignUp} label={lstrings.account_get_started} />
-              </EdgeAnim>
-              <EdgeAnim ios enter={{ type: 'fadeInDown', duration: ANIM_DURATION, distance: 60 }}>
-                <MainButton type="escape" onPress={handlePressSignIn} label={lstrings.getting_started_button_sign_in} />
-              </EdgeAnim>
-            </Space>
+            <ButtonsViewUi4
+              primary={{
+                label: lstrings.account_get_started,
+                animProps: {
+                  ios: true,
+                  enter: { type: 'fadeInDown', duration: ANIM_DURATION, distance: 40 }
+                },
+                onPress: handlePressSignUp
+              }}
+              tertiary={{
+                label: lstrings.getting_started_button_sign_in,
+                animProps: {
+                  ios: true,
+                  enter: { type: 'fadeInDown', duration: ANIM_DURATION, distance: 60 }
+                },
+                onPress: handlePressSignIn
+              }}
+            />
           </SectionCoverAnimated>
         </Container>
       </SwipeOffsetDetector>
@@ -394,7 +404,7 @@ const SectionCoverAnimated = styled(Animated.View)<{ swipeOffset: SharedValue<nu
       justifyContent: 'space-between',
       backgroundColor: '#0F1D26',
       paddingVertical: theme.rem(1),
-      paddingBottom: insets.bottom,
+      paddingBottom: insets.bottom + themeRem,
       marginBottom: -insets.bottom
     },
     useAnimatedStyle(() => {