Refactor page hook
This commit is contained in:
@@ -45,12 +45,9 @@ const ListDetail = ({ selected, listId, params }) => {
|
|||||||
const actualListId = listId ? listId : params?.listId || null;
|
const actualListId = listId ? listId : params?.listId || null;
|
||||||
const loadedList = lists.find(l => l.id === actualListId);
|
const loadedList = lists.find(l => l.id === actualListId);
|
||||||
|
|
||||||
usePage(
|
usePage({
|
||||||
{
|
title: loadedList.name,
|
||||||
title: loadedList.name,
|
});
|
||||||
},
|
|
||||||
[loadedList]
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Content className="p-4">
|
<Content className="p-4">
|
||||||
|
|||||||
+2
-3
@@ -1,13 +1,12 @@
|
|||||||
import { useEffect } from 'react';
|
import { useEffect } from 'react';
|
||||||
import Store from '../store';
|
import Store from '../store';
|
||||||
|
|
||||||
const usePage = (fields, deps) => {
|
const usePage = fields => {
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
console.log('Deps updating', fields, deps);
|
|
||||||
Store.update(s => {
|
Store.update(s => {
|
||||||
s.currentPage = fields;
|
s.currentPage = fields;
|
||||||
});
|
});
|
||||||
}, [fields, deps]);
|
}, [fields]);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default usePage;
|
export default usePage;
|
||||||
|
|||||||
Reference in New Issue
Block a user