about summary refs log tree commit diff
path: root/src/view/com/onboard/FeatureExplainer.tsx
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-01-24 13:00:11 -0600
committerGitHub <noreply@github.com>2023-01-24 13:00:11 -0600
commitf36c9565362b741c58672204fe0c155252affe28 (patch)
tree85d90f3caae2c8f2103ec50346f9274cf8b243c5 /src/view/com/onboard/FeatureExplainer.tsx
parent3a90114f3afc66cfef70c71c2ee343c29e1f3e8d (diff)
downloadvoidsky-f36c9565362b741c58672204fe0c155252affe28.tar.zst
Resolve all remaining lint issues (#88)
* Rework 'navIdx' variables from number arrays to strings to avoid equality-check failures in react hooks

* Resolve all remaining lint issues

* Fix tests

* Use node v18 in gh action test
Diffstat (limited to 'src/view/com/onboard/FeatureExplainer.tsx')
-rw-r--r--src/view/com/onboard/FeatureExplainer.tsx20
1 files changed, 13 insertions, 7 deletions
diff --git a/src/view/com/onboard/FeatureExplainer.tsx b/src/view/com/onboard/FeatureExplainer.tsx
index 78ace5189..03e050883 100644
--- a/src/view/com/onboard/FeatureExplainer.tsx
+++ b/src/view/com/onboard/FeatureExplainer.tsx
@@ -19,14 +19,13 @@ import {TABS_ENABLED} from '../../../build-flags'
 const Intro = () => (
   <View style={styles.explainer}>
     <Text
-      style={[
-        styles.explainerHeading,
-        s.normal,
-        {lineHeight: 60, paddingTop: 50, paddingBottom: 50},
-      ]}>
-      Welcome to <Text style={[s.bold, s.blue3, {fontSize: 56}]}>Bluesky</Text>
+      style={[styles.explainerHeading, s.normal, styles.explainerHeadingIntro]}>
+      Welcome to{' '}
+      <Text style={[s.bold, s.blue3, styles.explainerHeadingBrand]}>
+        Bluesky
+      </Text>
     </Text>
-    <Text style={[styles.explainerDesc, {fontSize: 24}]}>
+    <Text style={[styles.explainerDesc, styles.explainerDescIntro]}>
       This is an early beta. Your feedback is appreciated!
     </Text>
   </View>
@@ -161,11 +160,18 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     marginBottom: 16,
   },
+  explainerHeadingIntro: {
+    lineHeight: 60,
+    paddingTop: 50,
+    paddingBottom: 50,
+  },
+  explainerHeadingBrand: {fontSize: 56},
   explainerDesc: {
     fontSize: 18,
     textAlign: 'center',
     marginBottom: 16,
   },
+  explainerDescIntro: {fontSize: 24},
   explainerImg: {
     resizeMode: 'contain',
     maxWidth: '100%',