feat: conversation screen POC

.storybook/storybook.requires.js

@@ -67,6 +67,7 @@ const getStories = () => {
     "./app/screens/authentication-screen/authentication-check-screen.stories.tsx": require("../app/screens/authentication-screen/authentication-check-screen.stories.tsx"),
     "./app/screens/authentication-screen/authentication-screen.stories.tsx": require("../app/screens/authentication-screen/authentication-screen.stories.tsx"),
     "./app/screens/authentication-screen/pin-screen.stories.tsx": require("../app/screens/authentication-screen/pin-screen.stories.tsx"),
+    "./app/screens/conversation/conversation.stories.tsx": require("../app/screens/conversation/conversation.stories.tsx"),
     "./app/screens/conversion-flow/conversion-success-screen.stories.tsx": require("../app/screens/conversion-flow/conversion-success-screen.stories.tsx"),
     "./app/screens/earns-map-screen/earns-map-screen.stories.tsx": require("../app/screens/earns-map-screen/earns-map-screen.stories.tsx"),
     "./app/screens/earns-screen/earns-quiz.stories.tsx": require("../app/screens/earns-screen/earns-quiz.stories.tsx"),

.storybook/storybook.tsx

@@ -20,9 +20,9 @@ import { NotificationsProvider } from "../app/components/notifications"
 RNBootSplash.hide({ fade: true })
 
 const StorybookUI = getStorybookUI({
-  enableWebsockets: true, // for @storybook/react-native-server
+  enableWebsockets: true,
   onDeviceUI: true,
-  initialSelection: { kind: "Notification Card UI", name: "Default" },
+  initialSelection: { kind: "Conversation Screen", name: "Default" },
   shouldPersistSelection: false,
 })
 

app/screens/conversation/conversation.stories.tsx

@@ -0,0 +1,21 @@
+import * as React from "react"
+import { StoryScreen } from "../../../.storybook/views"
+import { Meta } from "@storybook/react"
+import { IsAuthedContextProvider } from "../../graphql/is-authed-context"
+import { MockedProvider } from "@apollo/client/testing"
+import { createCache } from "../../graphql/cache"
+import { ConversationScreen } from "./conversation"
+
+export default {
+  title: "Conversation Screen",
+  component: ConversationScreen,
+  decorators: [(Story) => <StoryScreen>{Story()}</StoryScreen>],
+} as Meta<typeof ConversationScreen>
+
+export const Default = () => (
+  <MockedProvider mocks={[]} cache={createCache()}>
+    <IsAuthedContextProvider value={true}>
+      <ConversationScreen />
+    </IsAuthedContextProvider>
+  </MockedProvider>
+)