docs: updated modal hooks docs (#172)

* Update hooks.md * Update usage.md
gorhom · Jan 9, 2021 · ec725a1 · ec725a1
1 parent 9a8a006
commit ec725a1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/website/docs/modal/hooks.md b/website/docs/modal/hooks.md
@@ -12,10 +12,10 @@ This hook provides modal functionalities only, for sheet functionalities please
 > This hook works at any component in `BottomSheetModalProvider`.
 
 ```tsx
-import { useBottomSheet} from '@gorhom/bottom-sheet';
+import { useBottomSheetModal } from '@gorhom/bottom-sheet';
 
 const SheetContent = () => {
-  const { dismiss, dismissAll } = useBottomSheet();
+  const { dismiss, dismissAll } = useBottomSheetModal();
 
   return (
     <View>
@@ -39,4 +39,4 @@ Dismiss a modal by its name/key.
 type dismissAll = () => void;
 ```
 
-Dismiss all mounted/presented modals.
+Dismiss all mounted/presented modals.
diff --git a/website/docs/modal/usage.md b/website/docs/modal/usage.md
@@ -9,12 +9,11 @@ Here is a simple usage of the **Bottom Sheet Modal**, with non-scrollable conten
 
 ```tsx
 import React, { useCallback, useMemo, useRef } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet, Button } from 'react-native';
 import {
   BottomSheetModal,
   BottomSheetModalProvider,
 } from '@gorhom/bottom-sheet';
-import { Button } from 'react-native';
 
 const App = () => {
   // ref
@@ -69,4 +68,4 @@ const styles = StyleSheet.create({
 });
 
 export default App;
-```
+```