about summary refs log tree commit diff
path: root/__tests__/view/screens
diff options
context:
space:
mode:
Diffstat (limited to '__tests__/view/screens')
-rw-r--r--__tests__/view/screens/Contacts.test.tsx16
-rw-r--r--__tests__/view/screens/Home.test.tsx16
-rw-r--r--__tests__/view/screens/Login.test.tsx36
-rw-r--r--__tests__/view/screens/NotFound.test.tsx20
-rw-r--r--__tests__/view/screens/Notifications.test.tsx16
-rw-r--r--__tests__/view/screens/Onboard.test.tsx11
-rw-r--r--__tests__/view/screens/PostDownvotedBy.test.tsx19
-rw-r--r--__tests__/view/screens/PostRepostedBy.test.tsx19
-rw-r--r--__tests__/view/screens/PostThread.test.tsx19
-rw-r--r--__tests__/view/screens/PostUpvotedBy.test.tsx19
-rw-r--r--__tests__/view/screens/Profile.test.tsx19
-rw-r--r--__tests__/view/screens/ProfileFollowers.test.tsx18
-rw-r--r--__tests__/view/screens/ProfileFollows.test.tsx18
-rw-r--r--__tests__/view/screens/ProfileMembers.test.tsx18
-rw-r--r--__tests__/view/screens/Search.test.tsx22
-rw-r--r--__tests__/view/screens/Settings.test.tsx16
-rw-r--r--__tests__/view/screens/__snapshots__/Contacts.test.tsx.snap205
-rw-r--r--__tests__/view/screens/__snapshots__/Home.test.tsx.snap594
-rw-r--r--__tests__/view/screens/__snapshots__/Login.test.tsx.snap371
-rw-r--r--__tests__/view/screens/__snapshots__/NotFound.test.tsx.snap431
-rw-r--r--__tests__/view/screens/__snapshots__/Notifications.test.tsx.snap378
-rw-r--r--__tests__/view/screens/__snapshots__/Onboard.test.tsx.snap388
-rw-r--r--__tests__/view/screens/__snapshots__/PostDownvotedBy.test.tsx.snap368
-rw-r--r--__tests__/view/screens/__snapshots__/PostRepostedBy.test.tsx.snap368
-rw-r--r--__tests__/view/screens/__snapshots__/PostThread.test.tsx.snap437
-rw-r--r--__tests__/view/screens/__snapshots__/PostUpvotedBy.test.tsx.snap368
-rw-r--r--__tests__/view/screens/__snapshots__/Profile.test.tsx.snap513
-rw-r--r--__tests__/view/screens/__snapshots__/ProfileFollowers.test.tsx.snap386
-rw-r--r--__tests__/view/screens/__snapshots__/ProfileFollows.test.tsx.snap386
-rw-r--r--__tests__/view/screens/__snapshots__/ProfileMembers.test.tsx.snap386
-rw-r--r--__tests__/view/screens/__snapshots__/Search.test.tsx.snap514
-rw-r--r--__tests__/view/screens/__snapshots__/Settings.test.tsx.snap631
32 files changed, 63 insertions, 6963 deletions
diff --git a/__tests__/view/screens/Contacts.test.tsx b/__tests__/view/screens/Contacts.test.tsx
deleted file mode 100644
index 8dc4e56ef..000000000
--- a/__tests__/view/screens/Contacts.test.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import {Contacts} from '../../../src/view/screens/Contacts'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('Contacts', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {},
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<Contacts {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/Home.test.tsx b/__tests__/view/screens/Home.test.tsx
deleted file mode 100644
index 353d4ea50..000000000
--- a/__tests__/view/screens/Home.test.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import {Home} from '../../../src/view/screens/Home'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('Home', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {},
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<Home {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/Login.test.tsx b/__tests__/view/screens/Login.test.tsx
index d9faf08a1..e347534b4 100644
--- a/__tests__/view/screens/Login.test.tsx
+++ b/__tests__/view/screens/Login.test.tsx
@@ -1,11 +1,37 @@
 import React from 'react'
 import {Login} from '../../../src/view/screens/Login'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
+import {cleanup, fireEvent, render} from '../../../jest/test-utils'
 
 describe('Login', () => {
-  it('renders correctly', () => {
-    const tree = renderer.create(<Login />).toJSON()
-    expect(tree).toMatchSnapshot()
+  afterAll(() => {
+    jest.clearAllMocks()
+    cleanup()
+  })
+
+  it('renders initial screen', () => {
+    const {getByTestId} = render(<Login />)
+    const signUpScreen = getByTestId('signinOrCreateAccount')
+
+    expect(signUpScreen).toBeTruthy()
+  })
+
+  it('renders Signin screen', () => {
+    const {getByTestId} = render(<Login />)
+    const signInButton = getByTestId('signInButton')
+
+    fireEvent.press(signInButton)
+
+    const signInScreen = getByTestId('signIn')
+    expect(signInScreen).toBeTruthy()
+  })
+
+  it('renders CreateAccount screen', () => {
+    const {getByTestId} = render(<Login />)
+    const createAccountButton = getByTestId('createAccountButton')
+
+    fireEvent.press(createAccountButton)
+
+    const createAccountScreen = getByTestId('createAccount')
+    expect(createAccountScreen).toBeTruthy()
   })
 })
diff --git a/__tests__/view/screens/NotFound.test.tsx b/__tests__/view/screens/NotFound.test.tsx
index 047d309e3..fd3c84b07 100644
--- a/__tests__/view/screens/NotFound.test.tsx
+++ b/__tests__/view/screens/NotFound.test.tsx
@@ -1,11 +1,21 @@
 import React from 'react'
 import {NotFound} from '../../../src/view/screens/NotFound'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
+import {cleanup, fireEvent, render} from '../../../jest/test-utils'
+import {mockedNavigationStore} from '../../../__mocks__/state-mock'
 
 describe('NotFound', () => {
-  it('renders correctly', () => {
-    const tree = renderer.create(<NotFound />).toJSON()
-    expect(tree).toMatchSnapshot()
+  afterAll(() => {
+    jest.clearAllMocks()
+    cleanup()
+  })
+
+  it('navigates home', async () => {
+    const navigationSpy = jest.spyOn(mockedNavigationStore, 'navigate')
+    const {getByTestId} = render(<NotFound />)
+    const navigateHomeButton = getByTestId('navigateHomeButton')
+
+    fireEvent.press(navigateHomeButton)
+
+    expect(navigationSpy).toHaveBeenCalledWith('/')
   })
 })
diff --git a/__tests__/view/screens/Notifications.test.tsx b/__tests__/view/screens/Notifications.test.tsx
deleted file mode 100644
index 2c5e32cd7..000000000
--- a/__tests__/view/screens/Notifications.test.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import {Notifications} from '../../../src/view/screens/Notifications'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('Notifications', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {},
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<Notifications {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/Onboard.test.tsx b/__tests__/view/screens/Onboard.test.tsx
deleted file mode 100644
index 69d6f0a72..000000000
--- a/__tests__/view/screens/Onboard.test.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-import {Onboard} from '../../../src/view/screens/Onboard'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('Onboard', () => {
-  it('renders correctly', () => {
-    const tree = renderer.create(<Onboard />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/PostDownvotedBy.test.tsx b/__tests__/view/screens/PostDownvotedBy.test.tsx
deleted file mode 100644
index 8c4119b41..000000000
--- a/__tests__/view/screens/PostDownvotedBy.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react'
-import {PostDownvotedBy} from '../../../src/view/screens/PostDownvotedBy'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('PostDownvotedBy', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-      rkey: '123123123',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<PostDownvotedBy {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/PostRepostedBy.test.tsx b/__tests__/view/screens/PostRepostedBy.test.tsx
deleted file mode 100644
index 001224356..000000000
--- a/__tests__/view/screens/PostRepostedBy.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react'
-import {PostRepostedBy} from '../../../src/view/screens/PostRepostedBy'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('PostRepostedBy', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-      rkey: '123123123',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<PostRepostedBy {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/PostThread.test.tsx b/__tests__/view/screens/PostThread.test.tsx
deleted file mode 100644
index 87164ed73..000000000
--- a/__tests__/view/screens/PostThread.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react'
-import {PostThread} from '../../../src/view/screens/PostThread'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('PostThread', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-      rkey: '123123123',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<PostThread {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/PostUpvotedBy.test.tsx b/__tests__/view/screens/PostUpvotedBy.test.tsx
deleted file mode 100644
index 97912ded6..000000000
--- a/__tests__/view/screens/PostUpvotedBy.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react'
-import {PostUpvotedBy} from '../../../src/view/screens/PostUpvotedBy'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('PostUpvotedBy', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-      rkey: '123123123',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<PostUpvotedBy {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/Profile.test.tsx b/__tests__/view/screens/Profile.test.tsx
deleted file mode 100644
index 8912cbfb2..000000000
--- a/__tests__/view/screens/Profile.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react'
-import {Profile} from '../../../src/view/screens/Profile'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('Profile', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-      user: 'test.user',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<Profile {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/ProfileFollowers.test.tsx b/__tests__/view/screens/ProfileFollowers.test.tsx
deleted file mode 100644
index 230209aa8..000000000
--- a/__tests__/view/screens/ProfileFollowers.test.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import {ProfileFollowers} from '../../../src/view/screens/ProfileFollowers'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('ProfileFollowers', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<ProfileFollowers {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/ProfileFollows.test.tsx b/__tests__/view/screens/ProfileFollows.test.tsx
deleted file mode 100644
index e4571b5cb..000000000
--- a/__tests__/view/screens/ProfileFollows.test.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import {ProfileFollows} from '../../../src/view/screens/ProfileFollows'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('ProfileFollows', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<ProfileFollows {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/ProfileMembers.test.tsx b/__tests__/view/screens/ProfileMembers.test.tsx
deleted file mode 100644
index a33e03a1f..000000000
--- a/__tests__/view/screens/ProfileMembers.test.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import {ProfileMembers} from '../../../src/view/screens/ProfileMembers'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('ProfileMembers', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {
-      name: 'test name',
-    },
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<ProfileMembers {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/Search.test.tsx b/__tests__/view/screens/Search.test.tsx
index 477e077af..f769c7a58 100644
--- a/__tests__/view/screens/Search.test.tsx
+++ b/__tests__/view/screens/Search.test.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
 import {Search} from '../../../src/view/screens/Search'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
+import {cleanup, fireEvent, render} from '../../../jest/test-utils'
 
 describe('Search', () => {
+  jest.useFakeTimers()
   const mockedProps = {
     navIdx: [0, 0] as [number, number],
     params: {
@@ -11,8 +11,20 @@ describe('Search', () => {
     },
     visible: true,
   }
-  it('renders correctly', () => {
-    const tree = renderer.create(<Search {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
+
+  afterAll(() => {
+    jest.clearAllMocks()
+    cleanup()
+  })
+
+  it('renders with query', async () => {
+    const {findByTestId} = render(<Search {...mockedProps} />)
+    const searchTextInput = await findByTestId('searchTextInput')
+
+    expect(searchTextInput).toBeTruthy()
+    fireEvent.changeText(searchTextInput, 'test')
+
+    const searchScrollView = await findByTestId('searchScrollView')
+    expect(searchScrollView).toBeTruthy()
   })
 })
diff --git a/__tests__/view/screens/Settings.test.tsx b/__tests__/view/screens/Settings.test.tsx
deleted file mode 100644
index 475639ebb..000000000
--- a/__tests__/view/screens/Settings.test.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import {Settings} from '../../../src/view/screens/Settings'
-import renderer from 'react-test-renderer'
-// import {render} from '../../../../jest/test-utils'
-
-describe('Settings', () => {
-  const mockedProps = {
-    navIdx: [0, 0] as [number, number],
-    params: {},
-    visible: true,
-  }
-  it('renders correctly', () => {
-    const tree = renderer.create(<Settings {...mockedProps} />).toJSON()
-    expect(tree).toMatchSnapshot()
-  })
-})
diff --git a/__tests__/view/screens/__snapshots__/Contacts.test.tsx.snap b/__tests__/view/screens/__snapshots__/Contacts.test.tsx.snap
deleted file mode 100644
index 61a857088..000000000
--- a/__tests__/view/screens/__snapshots__/Contacts.test.tsx.snap
+++ /dev/null
@@ -1,205 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Contacts renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "backgroundColor": "#ffffff",
-      }
-    }
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000000",
-          },
-          Object {
-            "fontSize": 30,
-            "fontWeight": "bold",
-            "paddingHorizontal": 12,
-            "paddingVertical": 6,
-          },
-        ]
-      }
-    >
-      Contacts
-    </Text>
-  </View>
-  <View
-    style={
-      Object {
-        "backgroundColor": "#ffffff",
-      }
-    }
-  >
-    <View
-      style={
-        Object {
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 4,
-          "flexDirection": "row",
-          "marginBottom": 6,
-          "marginHorizontal": 10,
-          "paddingHorizontal": 8,
-          "paddingVertical": 8,
-        }
-      }
-    >
-      <
-        icon="magnifying-glass"
-        size={16}
-        style={
-          Object {
-            "color": "#645454",
-            "marginRight": 8,
-          }
-        }
-      />
-      <TextInput
-        onChangeText={[Function]}
-        placeholder="Search"
-        placeholderTextColor="#968d8d"
-        style={
-          Object {
-            "color": "#000000",
-            "flex": 1,
-          }
-        }
-        value=""
-      />
-    </View>
-  </View>
-  <View
-    onLayout={[Function]}
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#ffffff",
-          "flexDirection": "row",
-          "paddingBottom": 12,
-          "paddingHorizontal": 14,
-          "paddingTop": 8,
-        },
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      style={
-        Object {
-          "backgroundColor": "#000000",
-          "bottom": 0,
-          "height": 4,
-          "left": 0,
-          "position": "absolute",
-          "width": 0,
-        }
-      }
-    />
-    <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "marginRight": 14,
-          "paddingHorizontal": 10,
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 16,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        All
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "marginRight": 14,
-          "paddingHorizontal": 10,
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#645454",
-              "fontSize": 16,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Following
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "marginRight": 14,
-          "paddingHorizontal": 10,
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#645454",
-              "fontSize": 16,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Scenes
-      </Text>
-    </View>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Home.test.tsx.snap b/__tests__/view/screens/__snapshots__/Home.test.tsx.snap
deleted file mode 100644
index 4d2c51097..000000000
--- a/__tests__/view/screens/__snapshots__/Home.test.tsx.snap
+++ /dev/null
@@ -1,594 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Home renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Bluesky
-      </Text>
-      <Text
-        numberOfLines={1}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#968d8d",
-              "fontSize": 18,
-              "marginLeft": 6,
-              "maxWidth": 200,
-            },
-          ]
-        }
-      >
-        Private Beta
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Object {
-        "flex": 1,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 6,
-          "flexDirection": "row",
-          "margin": 2,
-          "marginBottom": 0,
-          "opacity": 1,
-          "paddingHorizontal": 10,
-          "paddingVertical": 10,
-        }
-      }
-    >
-      <View
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Object {
-            "opacity": 1,
-            "width": 50,
-          }
-        }
-      >
-        <RNSVGSvgView
-          align="xMidYMid"
-          bbHeight={50}
-          bbWidth={50}
-          focusable={false}
-          height={50}
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          style={
-            Array [
-              Object {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              Object {
-                "flex": 0,
-                "height": 50,
-                "width": 50,
-              },
-            ]
-          }
-          vbHeight={100}
-          vbWidth={100}
-          width={50}
-        >
-          <RNSVGGroup>
-            <RNSVGDefs>
-              <RNSVGLinearGradient
-                gradient={
-                  Array [
-                    0,
-                    -1292135,
-                    1,
-                    -2424577,
-                  ]
-                }
-                gradientTransform={null}
-                gradientUnits={0}
-                name="grad"
-                x1="0"
-                x2="1"
-                y1="0"
-                y2="1"
-              />
-            </RNSVGDefs>
-            <RNSVGCircle
-              cx="50"
-              cy="50"
-              fill={
-                Array [
-                  1,
-                  "grad",
-                ]
-              }
-              propList={
-                Array [
-                  "fill",
-                ]
-              }
-              r="50"
-            />
-            <RNSVGText
-              content={null}
-              dx={Array []}
-              dy={Array []}
-              fill={4294967295}
-              font={
-                Object {
-                  "fontSize": "50",
-                  "fontWeight": "bold",
-                  "textAnchor": "middle",
-                }
-              }
-              propList={
-                Array [
-                  "fill",
-                ]
-              }
-              rotate={Array []}
-              x={
-                Array [
-                  "50",
-                ]
-              }
-              y={
-                Array [
-                  "67",
-                ]
-              }
-            >
-              <RNSVGTSpan
-                content="X"
-                dx={Array []}
-                dy={Array []}
-                font={Object {}}
-                rotate={Array []}
-                x={Array []}
-                y={Array []}
-              />
-            </RNSVGText>
-          </RNSVGGroup>
-        </RNSVGSvgView>
-      </View>
-      <View
-        style={
-          Object {
-            "flex": 1,
-            "marginLeft": 10,
-          }
-        }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#000000",
-              },
-              Object {
-                "color": "#968d8d",
-                "fontSize": 17,
-              },
-            ]
-          }
-        >
-          What's up?
-        </Text>
-      </View>
-      <View
-        style={
-          Object {
-            "backgroundColor": "#f8f3f3",
-            "borderRadius": 30,
-            "paddingHorizontal": 14,
-            "paddingVertical": 6,
-          }
-        }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#000000",
-              },
-              Object {
-                "color": "#645454",
-              },
-            ]
-          }
-        >
-          Post
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Login.test.tsx.snap b/__tests__/view/screens/__snapshots__/Login.test.tsx.snap
deleted file mode 100644
index b86d8656e..000000000
--- a/__tests__/view/screens/__snapshots__/Login.test.tsx.snap
+++ /dev/null
@@ -1,371 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Login renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "flex": 2,
-        "justifyContent": "center",
-      }
-    }
-  >
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-        }
-      }
-    >
-      <RNSVGSvgView
-        bbHeight="100"
-        bbWidth="100"
-        focusable={false}
-        height="100"
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 100,
-              "width": 100,
-            },
-          ]
-        }
-        width="100"
-      >
-        <RNSVGGroup>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={null}
-            propList={
-              Array [
-                "fill",
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            r="46"
-            stroke={4294967295}
-            strokeWidth={2}
-          />
-          <RNSVGLine
-            propList={
-              Array [
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            stroke={4294967295}
-            strokeWidth={1}
-            x1="30"
-            x2="30"
-            y1="0"
-            y2="100"
-          />
-          <RNSVGLine
-            propList={
-              Array [
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            stroke={4294967295}
-            strokeWidth={1}
-            x1="74"
-            x2="74"
-            y1="0"
-            y2="100"
-          />
-          <RNSVGLine
-            propList={
-              Array [
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            stroke={4294967295}
-            strokeWidth={1}
-            x1="0"
-            x2="100"
-            y1="22"
-            y2="22"
-          />
-          <RNSVGLine
-            propList={
-              Array [
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            stroke={4294967295}
-            strokeWidth={1}
-            x1="0"
-            x2="100"
-            y1="74"
-            y2="74"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={null}
-            font={
-              Object {
-                "fontSize": "60",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            rotate={Array []}
-            stroke={4294967295}
-            strokeWidth={2}
-            x={
-              Array [
-                "52",
-              ]
-            }
-            y={
-              Array [
-                "70",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="B"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000000",
-          },
-          Object {
-            "color": "#ffffff",
-            "fontSize": 68,
-            "fontWeight": "bold",
-            "textAlign": "center",
-          },
-        ]
-      }
-    >
-      Bluesky
-    </Text>
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000000",
-          },
-          Object {
-            "color": "#ffffff",
-            "fontSize": 18,
-            "textAlign": "center",
-          },
-        ]
-      }
-    >
-      [ private beta ]
-    </Text>
-  </View>
-  <View
-    style={
-      Object {
-        "flex": 1,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "#0085ff",
-          "borderColor": "#ffffff",
-          "borderRadius": 10,
-          "borderWidth": 1,
-          "marginBottom": 20,
-          "marginHorizontal": 20,
-          "opacity": 1,
-          "paddingVertical": 16,
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#ffffff",
-              "fontSize": 18,
-              "fontWeight": "bold",
-              "textAlign": "center",
-            },
-          ]
-        }
-      >
-        Create a new account
-      </Text>
-    </View>
-    <View
-      style={
-        Object {
-          "marginBottom": 20,
-        }
-      }
-    >
-      <RNSVGSvgView
-        bbHeight="1"
-        bbWidth={750}
-        focusable={false}
-        height="1"
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "position": "absolute",
-              "top": 10,
-            },
-            Object {
-              "flex": 0,
-              "height": 1,
-              "width": 750,
-            },
-          ]
-        }
-        width={750}
-      >
-        <RNSVGGroup>
-          <RNSVGLine
-            propList={
-              Array [
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            stroke={4294967295}
-            strokeWidth="1"
-            x1="30"
-            x2={355}
-            y1="0"
-            y2="0"
-          />
-          <RNSVGLine
-            propList={
-              Array [
-                "stroke",
-                "strokeWidth",
-              ]
-            }
-            stroke={4294967295}
-            strokeWidth="1"
-            x1={395}
-            x2={720}
-            y1="0"
-            y2="0"
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#ffffff",
-              "fontSize": 16,
-              "textAlign": "center",
-            },
-          ]
-        }
-      >
-        or
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "#0085ff",
-          "borderColor": "#ffffff",
-          "borderRadius": 10,
-          "borderWidth": 1,
-          "marginBottom": 20,
-          "marginHorizontal": 20,
-          "opacity": 1,
-          "paddingVertical": 16,
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#ffffff",
-              "fontSize": 18,
-              "fontWeight": "bold",
-              "textAlign": "center",
-            },
-          ]
-        }
-      >
-        Sign in
-      </Text>
-    </View>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/NotFound.test.tsx.snap b/__tests__/view/screens/__snapshots__/NotFound.test.tsx.snap
deleted file mode 100644
index a9365718c..000000000
--- a/__tests__/view/screens/__snapshots__/NotFound.test.tsx.snap
+++ /dev/null
@@ -1,431 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`NotFound renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Page not found
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "paddingTop": 100,
-      }
-    }
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000000",
-          },
-          Object {
-            "fontSize": 40,
-            "fontWeight": "bold",
-          },
-        ]
-      }
-    >
-      Page not found
-    </Text>
-    <View
-      accessibilityRole="button"
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "opacity": 1,
-        }
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {},
-          ]
-        }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#007AFF",
-                "fontSize": 18,
-                "margin": 8,
-                "textAlign": "center",
-              },
-            ]
-          }
-        >
-          Home
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Notifications.test.tsx.snap b/__tests__/view/screens/__snapshots__/Notifications.test.tsx.snap
deleted file mode 100644
index 6c1eef57e..000000000
--- a/__tests__/view/screens/__snapshots__/Notifications.test.tsx.snap
+++ /dev/null
@@ -1,378 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Notifications renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Notifications
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Object {
-        "flex": 1,
-      }
-    }
-  />
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Onboard.test.tsx.snap b/__tests__/view/screens/__snapshots__/Onboard.test.tsx.snap
deleted file mode 100644
index 5422fb0de..000000000
--- a/__tests__/view/screens/__snapshots__/Onboard.test.tsx.snap
+++ /dev/null
@@ -1,388 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Onboard renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#fff",
-      "flex": 1,
-    }
-  }
->
-  <RCTSafeAreaView
-    emulateUnlessSupported={true}
-    style={
-      Object {
-        "flex": 1,
-      }
-    }
-  >
-    <View
-      onLayout={[Function]}
-      style={
-        Array [
-          Object {
-            "flex": 1,
-            "overflow": "hidden",
-          },
-          undefined,
-        ]
-      }
-    >
-      <RNCViewPager
-        collapsable={false}
-        initialPage={0}
-        keyboardDismissMode="on-drag"
-        layout={
-          Object {
-            "height": 0,
-            "width": 750,
-          }
-        }
-        layoutDirection="ltr"
-        onMoveShouldSetResponderCapture={[Function]}
-        onPageScroll={[Function]}
-        onPageScrollStateChanged={[Function]}
-        onPageSelected={[Function]}
-        scrollEnabled={true}
-        style={
-          Object {
-            "flex": 1,
-          }
-        }
-      >
-        <View
-          collapsable={false}
-          style={
-            Object {
-              "bottom": 0,
-              "left": 0,
-              "position": "absolute",
-              "right": 0,
-              "top": 0,
-            }
-          }
-        >
-          <View
-            accessibilityElementsHidden={false}
-            importantForAccessibility="auto"
-            style={
-              Array [
-                Object {
-                  "flex": 1,
-                  "overflow": "hidden",
-                },
-                Object {
-                  "width": 750,
-                },
-                Array [
-                  undefined,
-                  Object {
-                    "bottom": 0,
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  },
-                ],
-              ]
-            }
-          >
-            <View
-              style={
-                Object {
-                  "flex": 1,
-                  "paddingHorizontal": 16,
-                  "paddingTop": 80,
-                }
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#000000",
-                    },
-                    Array [
-                      Object {
-                        "fontSize": 42,
-                        "fontWeight": "bold",
-                        "marginBottom": 16,
-                        "textAlign": "center",
-                      },
-                      Object {
-                        "fontWeight": "400",
-                      },
-                      Object {
-                        "lineHeight": 60,
-                        "paddingBottom": 50,
-                        "paddingTop": 50,
-                      },
-                    ],
-                  ]
-                }
-              >
-                Welcome to 
-                <Text
-                  style={
-                    Array [
-                      Object {
-                        "color": "#000000",
-                      },
-                      Array [
-                        Object {
-                          "fontWeight": "bold",
-                        },
-                        Object {
-                          "color": "#0085ff",
-                        },
-                        Object {
-                          "fontSize": 56,
-                        },
-                      ],
-                    ]
-                  }
-                >
-                  Bluesky
-                </Text>
-              </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#000000",
-                    },
-                    Array [
-                      Object {
-                        "fontSize": 18,
-                        "marginBottom": 16,
-                        "textAlign": "center",
-                      },
-                      Object {
-                        "fontSize": 24,
-                      },
-                    ],
-                  ]
-                }
-              >
-                Let's do a quick tour through the new features.
-              </Text>
-            </View>
-          </View>
-        </View>
-        <View
-          collapsable={false}
-          style={
-            Object {
-              "bottom": 0,
-              "left": 0,
-              "position": "absolute",
-              "right": 0,
-              "top": 0,
-            }
-          }
-        >
-          <View
-            accessibilityElementsHidden={true}
-            importantForAccessibility="no-hide-descendants"
-            style={
-              Array [
-                Object {
-                  "flex": 1,
-                  "overflow": "hidden",
-                },
-                Object {
-                  "width": 750,
-                },
-                Array [
-                  undefined,
-                  Object {
-                    "bottom": 0,
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  },
-                ],
-              ]
-            }
-          />
-        </View>
-      </RNCViewPager>
-      <View
-        style={
-          Object {
-            "flexDirection": "row",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "flex": 1,
-            }
-          }
-        />
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "opacity": 1,
-              "padding": 16,
-            }
-          }
-        >
-          <Text
-            collapsable={false}
-            style={
-              Object {
-                "opacity": 1,
-              }
-            }
-          >
-            °
-          </Text>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "opacity": 1,
-              "padding": 16,
-            }
-          }
-        >
-          <Text
-            collapsable={false}
-            style={
-              Object {
-                "opacity": 0.5,
-              }
-            }
-          >
-            °
-          </Text>
-        </View>
-        <View
-          style={
-            Object {
-              "flex": 1,
-            }
-          }
-        />
-      </View>
-    </View>
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "paddingBottom": 24,
-          "paddingHorizontal": 32,
-        }
-      }
-    >
-      <View
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Object {
-            "opacity": 1,
-          }
-        }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#000000",
-              },
-              Array [
-                Object {
-                  "color": "#0085ff",
-                },
-                Object {
-                  "fontSize": 18,
-                },
-              ],
-            ]
-          }
-        >
-          Skip
-        </Text>
-      </View>
-      <View
-        style={
-          Object {
-            "flex": 1,
-          }
-        }
-      />
-      <View
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Object {
-            "opacity": 1,
-          }
-        }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#000000",
-              },
-              Array [
-                Object {
-                  "color": "#0085ff",
-                },
-                Object {
-                  "fontSize": 18,
-                },
-              ],
-            ]
-          }
-        >
-          Next
-        </Text>
-      </View>
-    </View>
-  </RCTSafeAreaView>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/PostDownvotedBy.test.tsx.snap b/__tests__/view/screens/__snapshots__/PostDownvotedBy.test.tsx.snap
deleted file mode 100644
index aa41d7fb2..000000000
--- a/__tests__/view/screens/__snapshots__/PostDownvotedBy.test.tsx.snap
+++ /dev/null
@@ -1,368 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PostDownvotedBy renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Downvoted by
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View>
-    <ActivityIndicator />
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/PostRepostedBy.test.tsx.snap b/__tests__/view/screens/__snapshots__/PostRepostedBy.test.tsx.snap
deleted file mode 100644
index f6af5ec5a..000000000
--- a/__tests__/view/screens/__snapshots__/PostRepostedBy.test.tsx.snap
+++ /dev/null
@@ -1,368 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PostRepostedBy renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Reposted by
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View>
-    <ActivityIndicator />
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/PostThread.test.tsx.snap b/__tests__/view/screens/__snapshots__/PostThread.test.tsx.snap
deleted file mode 100644
index abb36931c..000000000
--- a/__tests__/view/screens/__snapshots__/PostThread.test.tsx.snap
+++ /dev/null
@@ -1,437 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PostThread renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Post
-      </Text>
-      <Text
-        numberOfLines={1}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#968d8d",
-              "fontSize": 18,
-              "marginLeft": 6,
-              "maxWidth": 200,
-            },
-          ]
-        }
-      >
-        by test name
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Object {
-        "flex": 1,
-      }
-    }
-  >
-    <RCTScrollView
-      contentContainerStyle={
-        Object {
-          "paddingBottom": 200,
-        }
-      }
-      data={Array []}
-      getItem={[Function]}
-      getItemCount={[Function]}
-      keyExtractor={[Function]}
-      onContentSizeChange={[Function]}
-      onLayout={[Function]}
-      onMomentumScrollBegin={[Function]}
-      onMomentumScrollEnd={[Function]}
-      onRefresh={[Function]}
-      onScroll={[Function]}
-      onScrollBeginDrag={[Function]}
-      onScrollEndDrag={[Function]}
-      onScrollToIndexFailed={[Function]}
-      refreshControl={
-        <RefreshControlMock
-          onRefresh={[Function]}
-          refreshing={false}
-        />
-      }
-      refreshing={false}
-      removeClippedSubviews={false}
-      renderItem={[Function]}
-      scrollEventThrottle={50}
-      stickyHeaderIndices={Array []}
-      style={
-        Object {
-          "flex": 1,
-        }
-      }
-      viewabilityConfigCallbackPairs={Array []}
-    >
-      <RCTRefreshControl />
-      <View />
-    </RCTScrollView>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/PostUpvotedBy.test.tsx.snap b/__tests__/view/screens/__snapshots__/PostUpvotedBy.test.tsx.snap
deleted file mode 100644
index a7bb6aae5..000000000
--- a/__tests__/view/screens/__snapshots__/PostUpvotedBy.test.tsx.snap
+++ /dev/null
@@ -1,368 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PostUpvotedBy renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Upvoted by
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View>
-    <ActivityIndicator />
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Profile.test.tsx.snap b/__tests__/view/screens/__snapshots__/Profile.test.tsx.snap
deleted file mode 100644
index e9640b6ee..000000000
--- a/__tests__/view/screens/__snapshots__/Profile.test.tsx.snap
+++ /dev/null
@@ -1,513 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Profile renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "flexDirection": "column",
-      "height": "100%",
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        test name
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Object {
-        "backgroundColor": "#ffffff",
-      }
-    }
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "#e7e9ea",
-            "borderRadius": 6,
-            "height": 120,
-            "overflow": "hidden",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#e7e9ea",
-            "height": 120,
-            "width": "100%",
-          }
-        }
-      />
-    </View>
-    <View
-      style={
-        Object {
-          "backgroundColor": "#ffffff",
-          "borderColor": "#ffffff",
-          "borderRadius": 42,
-          "borderWidth": 2,
-          "height": 84,
-          "left": 10,
-          "position": "absolute",
-          "top": 80,
-          "width": 84,
-        }
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "backgroundColor": "#e7e9ea",
-              "borderRadius": 6,
-              "height": 80,
-              "overflow": "hidden",
-              "width": 80,
-            },
-            Object {
-              "borderRadius": 40,
-            },
-          ]
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#e7e9ea",
-              "height": 80,
-              "width": 80,
-            }
-          }
-        />
-      </View>
-    </View>
-    <View
-      style={
-        Object {
-          "paddingBottom": 4,
-          "paddingHorizontal": 14,
-          "paddingTop": 8,
-        }
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "marginBottom": 12,
-              "marginLeft": "auto",
-            },
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "backgroundColor": "#e7e9ea",
-                "borderRadius": 6,
-                "height": 31,
-                "overflow": "hidden",
-                "width": 100,
-              },
-              Object {
-                "borderRadius": 50,
-              },
-            ]
-          }
-        >
-          <View
-            style={
-              Object {
-                "backgroundColor": "#e7e9ea",
-                "height": 31,
-                "width": 100,
-              }
-            }
-          />
-        </View>
-      </View>
-      <View
-        style={Object {}}
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#000000",
-              },
-              Object {
-                "fontSize": 28,
-                "fontWeight": "bold",
-              },
-            ]
-          }
-        >
-          
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/ProfileFollowers.test.tsx.snap b/__tests__/view/screens/__snapshots__/ProfileFollowers.test.tsx.snap
deleted file mode 100644
index 237773b42..000000000
--- a/__tests__/view/screens/__snapshots__/ProfileFollowers.test.tsx.snap
+++ /dev/null
@@ -1,386 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ProfileFollowers renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Followers
-      </Text>
-      <Text
-        numberOfLines={1}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#968d8d",
-              "fontSize": 18,
-              "marginLeft": 6,
-              "maxWidth": 200,
-            },
-          ]
-        }
-      >
-        of test name
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View>
-    <ActivityIndicator />
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/ProfileFollows.test.tsx.snap b/__tests__/view/screens/__snapshots__/ProfileFollows.test.tsx.snap
deleted file mode 100644
index cba1a7343..000000000
--- a/__tests__/view/screens/__snapshots__/ProfileFollows.test.tsx.snap
+++ /dev/null
@@ -1,386 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ProfileFollows renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Followed
-      </Text>
-      <Text
-        numberOfLines={1}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#968d8d",
-              "fontSize": 18,
-              "marginLeft": 6,
-              "maxWidth": 200,
-            },
-          ]
-        }
-      >
-        by test name
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View>
-    <ActivityIndicator />
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/ProfileMembers.test.tsx.snap b/__tests__/view/screens/__snapshots__/ProfileMembers.test.tsx.snap
deleted file mode 100644
index e36a4b080..000000000
--- a/__tests__/view/screens/__snapshots__/ProfileMembers.test.tsx.snap
+++ /dev/null
@@ -1,386 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ProfileMembers renders correctly 1`] = `
-<View>
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Members
-      </Text>
-      <Text
-        numberOfLines={1}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#968d8d",
-              "fontSize": 18,
-              "marginLeft": 6,
-              "maxWidth": 200,
-            },
-          ]
-        }
-      >
-        of test name
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View>
-    <ActivityIndicator />
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Search.test.tsx.snap b/__tests__/view/screens/__snapshots__/Search.test.tsx.snap
deleted file mode 100644
index 130552076..000000000
--- a/__tests__/view/screens/__snapshots__/Search.test.tsx.snap
+++ /dev/null
@@ -1,514 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Search renders correctly 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#ffffff",
-      "flex": 1,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Search
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Object {
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingHorizontal": 16,
-        "paddingVertical": 16,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
-      color={4290886073}
-      fill="none"
-      focusable={false}
-      height={24}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      stroke="currentColor"
-      strokeWidth={2}
-      style={
-        Array [
-          Object {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          Object {
-            "alignSelf": "center",
-            "color": "#c1b9b9",
-            "marginRight": 10,
-          },
-          Object {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      tintColor={4290886073}
-      vbHeight={24}
-      vbWidth={24}
-      width={24}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          Array [
-            "fill",
-            "stroke",
-            "strokeWidth",
-          ]
-        }
-        stroke={
-          Array [
-            2,
-          ]
-        }
-        strokeWidth={2}
-      >
-        <RNSVGPath
-          d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-          propList={
-            Array [
-              "strokeLinecap",
-              "strokeLinejoin",
-            ]
-          }
-          strokeLinecap={1}
-          strokeLinejoin={1}
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-    <TextInput
-      onChangeText={[Function]}
-      placeholder="Type your query here..."
-      placeholderTextColor="#968d8d"
-      returnKeyType="search"
-      selectTextOnFocus={true}
-      style={
-        Object {
-          "color": "#000000",
-          "flex": 1,
-          "fontSize": 16,
-        }
-      }
-    />
-  </View>
-  <View
-    style={
-      Object {
-        "backgroundColor": "#f8f3f3",
-        "flex": 1,
-      }
-    }
-  >
-    <View
-      style={
-        Object {
-          "flex": 1,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#f8f3f3",
-            "flex": 1,
-          }
-        }
-      >
-        <RCTScrollView
-          data={Array []}
-          getItem={[Function]}
-          getItemCount={[Function]}
-          keyExtractor={[Function]}
-          onContentSizeChange={[Function]}
-          onLayout={[Function]}
-          onMomentumScrollBegin={[Function]}
-          onMomentumScrollEnd={[Function]}
-          onScroll={[Function]}
-          onScrollBeginDrag={[Function]}
-          onScrollEndDrag={[Function]}
-          removeClippedSubviews={false}
-          renderItem={[Function]}
-          scrollEventThrottle={50}
-          stickyHeaderIndices={Array []}
-          style={
-            Object {
-              "flex": 1,
-            }
-          }
-          viewabilityConfigCallbackPairs={Array []}
-        >
-          <View />
-        </RCTScrollView>
-      </View>
-    </View>
-  </View>
-</View>
-`;
diff --git a/__tests__/view/screens/__snapshots__/Settings.test.tsx.snap b/__tests__/view/screens/__snapshots__/Settings.test.tsx.snap
deleted file mode 100644
index 77402da21..000000000
--- a/__tests__/view/screens/__snapshots__/Settings.test.tsx.snap
+++ /dev/null
@@ -1,631 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Settings renders correctly 1`] = `
-<View
-  style={
-    Array [
-      Object {
-        "flex": 1,
-      },
-    ]
-  }
->
-  <View
-    style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderBottomColor": "#f8f3f3",
-        "borderBottomWidth": 1,
-        "flexDirection": "row",
-        "paddingBottom": 6,
-        "paddingHorizontal": 12,
-        "paddingTop": 6,
-      }
-    }
-  >
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 30,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "height": 30,
-          "opacity": 1,
-          "width": 40,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={30}
-        bbWidth={30}
-        focusable={false}
-        height={30}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "flex": 0,
-              "height": 30,
-              "width": 30,
-            },
-          ]
-        }
-        vbHeight={100}
-        vbWidth={100}
-        width={30}
-      >
-        <RNSVGGroup>
-          <RNSVGDefs>
-            <RNSVGLinearGradient
-              gradient={
-                Array [
-                  0,
-                  -1292135,
-                  1,
-                  -2424577,
-                ]
-              }
-              gradientTransform={null}
-              gradientUnits={0}
-              name="grad"
-              x1="0"
-              x2="1"
-              y1="0"
-              y2="1"
-            />
-          </RNSVGDefs>
-          <RNSVGCircle
-            cx="50"
-            cy="50"
-            fill={
-              Array [
-                1,
-                "grad",
-              ]
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            r="50"
-          />
-          <RNSVGText
-            content={null}
-            dx={Array []}
-            dy={Array []}
-            fill={4294967295}
-            font={
-              Object {
-                "fontSize": "50",
-                "fontWeight": "bold",
-                "textAnchor": "middle",
-              }
-            }
-            propList={
-              Array [
-                "fill",
-              ]
-            }
-            rotate={Array []}
-            x={
-              Array [
-                "50",
-              ]
-            }
-            y={
-              Array [
-                "67",
-              ]
-            }
-          >
-            <RNSVGTSpan
-              content="X"
-              dx={Array []}
-              dy={Array []}
-              font={Object {}}
-              rotate={Array []}
-              x={Array []}
-              y={Array []}
-            />
-          </RNSVGText>
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      pointerEvents="none"
-      style={
-        Object {
-          "alignItems": "baseline",
-          "flexDirection": "row",
-          "marginRight": "auto",
-        }
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-              "fontSize": 21,
-              "fontWeight": "600",
-            },
-          ]
-        }
-      >
-        Settings
-      </Text>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="plus"
-        size={18}
-      />
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      hitSlop={
-        Object {
-          "bottom": 10,
-          "left": 10,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#f8f3f3",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <RNSVGSvgView
-        align="xMidYMid"
-        bbHeight={18}
-        bbWidth={18}
-        color={4278190080}
-        fill="none"
-        focusable={false}
-        height={18}
-        meetOrSlice={0}
-        minX={0}
-        minY={0}
-        stroke="currentColor"
-        strokeWidth={3}
-        style={
-          Array [
-            Object {
-              "backgroundColor": "transparent",
-              "borderWidth": 0,
-            },
-            Object {
-              "color": "#000000",
-              "position": "relative",
-              "top": -1,
-            },
-            Object {
-              "flex": 0,
-              "height": 18,
-              "width": 18,
-            },
-          ]
-        }
-        tintColor={4278190080}
-        vbHeight={24}
-        vbWidth={24}
-        width={18}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            Array [
-              "fill",
-              "stroke",
-              "strokeWidth",
-            ]
-          }
-          stroke={
-            Array [
-              2,
-            ]
-          }
-          strokeWidth={3}
-        >
-          <RNSVGPath
-            d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-            propList={
-              Array [
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-    <View
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "#ffffff",
-          "borderRadius": 20,
-          "flexDirection": "row",
-          "height": 36,
-          "justifyContent": "center",
-          "marginLeft": 8,
-          "opacity": 1,
-          "width": 36,
-        }
-      }
-    >
-      <
-        icon="signal"
-        size={18}
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      />
-      <
-        icon="x"
-        size={12}
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "color": "#d1106f",
-            "left": -4,
-            "position": "relative",
-            "top": 6,
-          }
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      Array [
-        Object {
-          "marginTop": 10,
-        },
-        Object {
-          "paddingLeft": 10,
-        },
-        Object {
-          "paddingRight": 10,
-        },
-      ]
-    }
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-        ]
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#000000",
-            },
-            Object {
-              "color": "#000000",
-            },
-          ]
-        }
-      >
-        Signed in as
-      </Text>
-      <View
-        style={
-          Object {
-            "flex": 1,
-          }
-        }
-      />
-      <View
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Object {
-            "opacity": 1,
-          }
-        }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#000000",
-              },
-              Array [
-                Object {
-                  "color": "#0085ff",
-                },
-                Object {
-                  "fontWeight": "bold",
-                },
-              ],
-            ]
-          }
-        >
-          Sign out
-        </Text>
-      </View>
-    </View>
-    <View
-      accessible={true}
-      focusable={true}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "borderRadius": 4,
-            "flexDirection": "row",
-            "marginVertical": 6,
-            "paddingHorizontal": 10,
-            "paddingVertical": 10,
-          }
-        }
-      >
-        <RNSVGSvgView
-          align="xMidYMid"
-          bbHeight={40}
-          bbWidth={40}
-          focusable={false}
-          height={40}
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          style={
-            Array [
-              Object {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              Object {
-                "flex": 0,
-                "height": 40,
-                "width": 40,
-              },
-            ]
-          }
-          vbHeight={100}
-          vbWidth={100}
-          width={40}
-        >
-          <RNSVGGroup>
-            <RNSVGDefs>
-              <RNSVGLinearGradient
-                gradient={
-                  Array [
-                    0,
-                    -1292135,
-                    1,
-                    -2424577,
-                  ]
-                }
-                gradientTransform={null}
-                gradientUnits={0}
-                name="grad"
-                x1="0"
-                x2="1"
-                y1="0"
-                y2="1"
-              />
-            </RNSVGDefs>
-            <RNSVGCircle
-              cx="50"
-              cy="50"
-              fill={
-                Array [
-                  1,
-                  "grad",
-                ]
-              }
-              propList={
-                Array [
-                  "fill",
-                ]
-              }
-              r="50"
-            />
-            <RNSVGText
-              content={null}
-              dx={Array []}
-              dy={Array []}
-              fill={4294967295}
-              font={
-                Object {
-                  "fontSize": "50",
-                  "fontWeight": "bold",
-                  "textAnchor": "middle",
-                }
-              }
-              propList={
-                Array [
-                  "fill",
-                ]
-              }
-              rotate={Array []}
-              x={
-                Array [
-                  "50",
-                ]
-              }
-              y={
-                Array [
-                  "67",
-                ]
-              }
-            >
-              <RNSVGTSpan
-                content="X"
-                dx={Array []}
-                dy={Array []}
-                font={Object {}}
-                rotate={Array []}
-                x={Array []}
-                y={Array []}
-              />
-            </RNSVGText>
-          </RNSVGGroup>
-        </RNSVGSvgView>
-        <View
-          style={
-            Array [
-              Object {
-                "marginLeft": 10,
-              },
-            ]
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#000000",
-                },
-                Array [
-                  Object {
-                    "fontSize": 18,
-                  },
-                  Object {
-                    "color": "#000000",
-                  },
-                ],
-              ]
-            }
-          >
-            
-          </Text>
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#000000",
-                },
-                Array [
-                  Object {
-                    "color": "#645454",
-                  },
-                ],
-              ]
-            }
-          >
-            @
-            
-          </Text>
-        </View>
-      </View>
-    </View>
-  </View>
-</View>
-`;