update preferences

Author: slax57

docs_headless/src/content/docs/preferences/useRemoveFromStore.md

@@ -1,16 +1,13 @@
 ---
-layout: default
 title: "useRemoveFromStore"
 ---
 
-# `useRemoveFromStore`
-
-This hook allows to remove a value from the [Store](./Store.md). 
+This hook allows to remove a value from the [Store](../guides/Store.md). 
 
 ## Syntax
 
 ```jsx
-import { useRemoveFromStore } from 'react-admin';
+import { useRemoveFromStore } from 'ra-core';
 
 const remove = useRemoveFromStore();
 remove(key);
@@ -26,22 +23,21 @@ remove();
 ## Example
 
 ```jsx
-import { useRemoveFromStore } from 'react-admin';
-import { Button } from '@mui/material';
+import { useRemoveFromStore } from 'ra-core';
 
 const ResetPreferences = () => {
     const removeItem = useRemoveFromStore();
     return (
         <>
-            <Button onClick={() => removeItem('sidebar.open')}>
+            <button onClick={() => removeItem('sidebar.open')}>
                 Reset sidebar
-            </Button>
-            <Button onClick={() => removeItem('locale')}>
+            </button>
+            <button onClick={() => removeItem('locale')}>
                 Reset locale
-            </Button>
-            <Button onClick={() => removeItem('theme')}>
+            </button>
+            <button onClick={() => removeItem('theme')}>
                 Reset theme
-            </Button>
+            </button>
         </>
     );
 };

docs_headless/src/content/docs/preferences/useResetStore.md

@@ -1,16 +1,13 @@
 ---
-layout: default
 title: "useResetStore"
 ---
 
-# `useResetStore`
-
-This hook allows to empty the [Store](./Store.md). React-admin uses it at logout.
+This hook allows to empty the [Store](../guides/Store.md). React-admin uses it at logout.
 
 ## Syntax
 
 ```jsx
-import { useResetStore } from 'react-admin';
+import { useResetStore } from 'ra-core';
 
 const reset = useResetStore();
 reset();
@@ -19,14 +16,14 @@ reset();
 ## Example
 
 ```jsx
-import { useResetStore, Button } from 'react-admin';
+import { useResetStore } from 'ra-core';
 
 const ResetButton = () => {
     const reset = useResetStore();
     return (
-        <Button onClick={() => reset()}>
+        <button onClick={() => reset()}>
             Reset store
-        </Button>
+        </button>
     );
 };
 ```

docs_headless/src/content/docs/preferences/useStore.md

@@ -1,17 +1,14 @@
 ---
-layout: default
 title: "useStore"
 storybook_path: ra-core-store-usestore--basic
 ---
 
-# `useStore`
-
-This hook allows to read and write from the [Store](./Store.md). Stored values are available globally and are persisted between page reloads.
+This hook allows to read and write from the [Store](../guides/Store.md). Stored values are available globally and are persisted between page reloads.
 
 ## Syntax
 
 ```jsx
-import { useStore } from 'react-admin';
+import { useStore } from 'ra-core';
 
 const [value, setValue] = useStore(key, defaultValue);
 ```
@@ -34,23 +31,22 @@ When one component calls `setValue` on a key, all the components that read the s
 ## Example
 
 ```jsx
-import { List, DataTable } from 'react-admin';
+import { ListBase } from 'ra-core';
 
 const PostList = () => {
     const [density] = useStore('posts.list.density', 'small');
 
     return (
-        <List>
-            <DataTable size={density}>
+        <ListBase>
+            <div style={{ padding: density === 'small' ? '0.5em' : '1em' }}>
                 ...
-            </DataTable>
-        </List>
+            </div>
+        </ListBase>
     );
 }
 
 // anywhere else in the app
-import { useStore } from 'react-admin';
-import { Button } from '@mui/material';
+import { useStore } from 'ra-core';
 
 const ChangeDensity = () => {
     const [density, setDensity] = useStore('posts.list.density', 'small');
@@ -61,9 +57,9 @@ const ChangeDensity = () => {
     };
 
     return (
-        <Button onClick={changeDensity}>
+        <button onClick={changeDensity}>
             Change density (current {density})
-        </Button>
+        </button>
     );
 };
 ```

docs_headless/src/content/docs/preferences/useStoreContext.md

@@ -1,18 +1,15 @@
 ---
-layout: default
 title: "useStoreContext"
 ---
 
-# `useStoreContext`
-
-This hook allows to access the global [Store](./Store.md).
+This hook allows to access the global [Store](../guides/Store.md).
 
 It should not be used directly. Prefer the specialized hooks (`useStore`, `useResetStore`, `useRemoveFromStore`) instead.
 
 ## Syntax
 
 ```jsx
-import { useStoreContext } from 'react-admin';
+import { useStoreContext } from 'ra-core';
 
 const store = useStoreContext();
 ```