[MyCollection] Combine hooks

artsy · Jun 17, 2020 · 5e83b7d · 5e83b7d
1 parent 1855739
commit 5e83b7d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/src/lib/Scenes/Consignments/v2/Form/useFormikSync.ts b/src/lib/Scenes/Consignments/v2/Form/useFormikSync.ts
@@ -10,4 +10,6 @@ export function useFormikSync() {
   useEffect(() => {
     artworkActions.setFormValues(formik.values)
   }, [formik.values])
+
+  return formik
 }
diff --git a/src/lib/Scenes/Consignments/v2/Screens/MyCollectionAddArtwork/MyCollectionAddArtwork.tsx b/src/lib/Scenes/Consignments/v2/Screens/MyCollectionAddArtwork/MyCollectionAddArtwork.tsx
@@ -1,18 +1,14 @@
 import { Box, Button, Flex, Join, Sans, Separator, Spacer } from "@artsy/palette"
-import { useFormikContext } from "formik"
 import SearchIcon from "lib/Icons/SearchIcon"
 import { ScreenMargin } from "lib/Scenes/Consignments/v2/Components/ScreenMargin"
 import { useFormikSync } from "lib/Scenes/Consignments/v2/Form/useFormikSync"
-import { ArtworkFormValues } from "lib/Scenes/Consignments/v2/State/artworkModel"
 import { useStoreActions } from "lib/Scenes/Consignments/v2/State/hooks"
 import { Input } from "lib/Scenes/Search/Input"
 import React from "react"
 
 export const MyCollectionAddArtwork = () => {
   const navActions = useStoreActions(actions => actions.navigation)
-  const formik = useFormikContext<ArtworkFormValues>()
-
-  useFormikSync()
+  const formik = useFormikSync()
 
   return (
     <Box>

diff --git a/...ignments/v2/Screens/MyCollectionAddArtwork/Screens/MyCollectionAddArtworkTitleAndYear.tsx b/...ignments/v2/Screens/MyCollectionAddArtwork/Screens/MyCollectionAddArtworkTitleAndYear.tsx
@@ -1,17 +1,13 @@
 import { Button, Flex, Join, Sans, Spacer } from "@artsy/palette"
-import { useFormikContext } from "formik"
 import { ScreenMargin } from "lib/Scenes/Consignments/v2/Components/ScreenMargin"
 import { useFormikSync } from "lib/Scenes/Consignments/v2/Form/useFormikSync"
-import { ArtworkFormValues } from "lib/Scenes/Consignments/v2/State/artworkModel"
 import { useStoreActions } from "lib/Scenes/Consignments/v2/State/hooks"
 import { Input } from "lib/Scenes/Search/Input"
 import React from "react"
 
 export const MyCollectionAddArtworkTitleAndYear = () => {
   const navigationActions = useStoreActions(actions => actions.navigation)
-  const formik = useFormikContext<ArtworkFormValues>()
-
-  useFormikSync()
+  const formik = useFormikSync()
 
   return (
     <Flex mt={4}>