Imptofu tweaks (keybase#18705)

* tweaks * images, storybook
SaltineChips · Aug 2, 2019 · defd511 · defd511
1 parent 6eefc42
commit defd511
Show file tree

Hide file tree

Showing 33 changed files with 20 additions and 19 deletions.
diff --git a/shared/images/icons/icon-email-add-48.png b/shared/images/icons/icon-email-add-48.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-email-add-64.png b/shared/images/icons/icon-email-add-64.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-email-add-96.png b/shared/images/icons/icon-email-add-96.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-phone-number-add-48.png b/shared/images/icons/icon-phone-number-add-48.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-phone-number-add-64.png b/shared/images/icons/icon-phone-number-add-64.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-phone-number-add-96.png b/shared/images/icons/icon-phone-number-add-96.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-phone-number-remove-48.png b/shared/images/icons/icon-phone-number-remove-48.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-phone-number-remove-64.png b/shared/images/icons/icon-phone-number-remove-64.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/icon-phone-number-remove-96.png b/shared/images/icons/icon-phone-number-remove-96.png
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/images/icons/[email protected] b/shared/images/icons/[email protected]
diff --git a/shared/settings/account/add-modals.tsx b/shared/settings/account/add-modals.tsx
@@ -81,7 +81,7 @@ export const Email = () => {
           onChangeAllowSearch={onChangeAllowSearch}
           onContinue={onContinue}
           icon={
-            <Kb.Icon type={Styles.isMobile ? 'icon-email-add-64' : 'icon-email-add-48'} style={styles.icon} />
+            <Kb.Icon type={Styles.isMobile ? 'icon-email-add-96' : 'icon-email-add-64'} style={styles.icon} />
           }
         />
       </Kb.Box2>
@@ -165,7 +165,7 @@ export const Phone = () => {
           onChangeAllowSearch={onChangeAllowSearch}
           icon={
             <Kb.Icon
-              type={Styles.isMobile ? 'icon-phone-number-add-64' : 'icon-phone-number-add-48'}
+              type={Styles.isMobile ? 'icon-phone-number-add-96' : 'icon-phone-number-add-64'}
               style={styles.icon}
             />
           }
@@ -305,13 +305,13 @@ const styles = Styles.styleSheetCreate({
   },
   icon: Styles.platformStyles({
     isElectron: {
-      height: 48,
-      width: 48,
-    },
-    isMobile: {
       height: 64,
       width: 64,
     },
+    isMobile: {
+      height: 96,
+      width: 96,
+    },
   }),
   verifyContainer: {
     ...Styles.padding(0, Styles.globalMargins.small),

diff --git a/shared/settings/account/confirm-delete.tsx b/shared/settings/account/confirm-delete.tsx
@@ -16,9 +16,9 @@ type Props = {
 
 const getIcon = (props: Props) => {
   if (props.type === 'email') {
-    return Styles.isMobile ? 'icon-email-remove-64' : 'icon-email-remove-48'
+    return Styles.isMobile ? 'icon-email-remove-96' : 'icon-email-remove-64'
   }
-  return Styles.isMobile ? 'icon-phone-number-remove-64' : 'icon-phone-number-remove-48'
+  return Styles.isMobile ? 'icon-phone-number-remove-96' : 'icon-phone-number-remove-64'
 }
 const getPrompt = (props: Props) => {
   return props.type === 'email'

diff --git a/shared/settings/account/index.tsx b/shared/settings/account/index.tsx
@@ -50,7 +50,7 @@ const EmailPhone = (props: Props) => (
     <Kb.ButtonBar align="flex-start" style={styles.buttonBar}>
       <Kb.Button mode="Secondary" onClick={props.onAddEmail} label="Add email" small={true} />
       {flags.sbsContacts && (
-        <Kb.Button mode="Secondary" onClick={props.onAddPhone} label="Add phone" small={true} />
+        <Kb.Button mode="Secondary" onClick={props.onAddPhone} label="Add phone number" small={true} />
       )}
     </Kb.ButtonBar>
   </SettingsSection>

diff --git a/shared/settings/manage-contacts.native.tsx b/shared/settings/manage-contacts.native.tsx
@@ -87,6 +87,7 @@ const ManageContacts = (_: Props) => {
 
 const styles = Styles.styleSheetCreate({
   buttonBar: {
+    marginTop: Styles.globalMargins.tiny,
     minHeight: undefined,
     width: undefined,
   },

diff --git a/shared/signup/phone-number/verify.tsx b/shared/signup/phone-number/verify.tsx
@@ -132,7 +132,7 @@ const styles = Styles.styleSheetCreate({
     backgroundColor: Styles.globalColors.blue,
     position: 'relative',
   },
-  headerText: {color: Styles.globalColors.blueDark},
+  headerText: {color: Styles.globalColors.black_50},
   iconVerticalAlign: Styles.platformStyles({
     isElectron: {
       position: 'relative',

diff --git a/shared/stories/__tests__/__snapshots__/Storyshots.test.js.snap b/shared/stories/__tests__/__snapshots__/Storyshots.test.js.snap