Merge pull request #6449 from WiXSL/docs-samples-fixes

[Doc] Fix code examples
marmelab · Jul 19, 2021 · 7e07922 · 7e07922
2 parents 7b0f852 + 0ec4bee
commit 7e07922
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/docs/Architecture.md b/docs/Architecture.md
@@ -200,7 +200,7 @@ const themes = { light: lightTheme, dark: darkTheme };
 
 export const ThemeContext = createContext(['light', () => {}])
 
-const ThemeContextProvider = ({ value, children }) => (
+const ThemeContextProvider = ({ value, children }) => {
     const [theme, setTheme] = useState(value);
     return (
         <ThemeContext.Provider value={[theme, setTheme]}>

diff --git a/docs/Fields.md b/docs/Fields.md
@@ -1491,7 +1491,7 @@ const MyShowLayout = () => (
     <div>
         <Labeled resource="users" source="name">
             <TextField source="name" />
-        </Label>
+        </Labeled>
     </div>
 );
 ```

diff --git a/docs/Resource.md b/docs/Resource.md
@@ -123,13 +123,16 @@ const App = () => (
 
 ## Resource Context
 
-`<Resource>` also creates a `RecordContext`, that gives access to the current resource name to all descendents of the main page components (`list`, `create`, `edit`, `show`). 
+`<Resource>` also creates a `ResourceContext`, that gives access to the current resource name to all descendents of the main page components (`list`, `create`, `edit`, `show`). 
 
 to read the current resource name, use the `useResourceContext()` hook.
 
 For instance, the following component displays the name of the current resource:
 
 ```jsx
+import * as React from 'react';
+import { Datagrid, DateField, TextField, List, useResourceContext } from 'react-admin';
+
 const ResourceName = () => {
     const { resource } = useResourceContext();
     return <>{resource}</>;
@@ -143,7 +146,7 @@ const PostList = (props) => (
                 <TextField source="title" />
                 <DateField source="published_at" />
             </Datagrid>
-        <>
+        </>
     </List>
 )
 ```

diff --git a/packages/ra-test/README.md b/packages/ra-test/README.md
@@ -107,8 +107,8 @@ Instead of wrapping the component under test with the `TestContext` by yourself
 It will return the same output as the `render` method from `@testing-library/react` but will add the `dispatch` and `reduxStore` helpers.
 
 ```jsx
-import { defaultStore } from 'ra-test'
-...
+import { defaultStore } from 'ra-test';
+//...
 const { dispatch, reduxStore, ...testUtils } = renderWithRedux(
     <MyCustomEditView />, 
     initialState,