+
{title}
-
+
+
+
+
+ {showOptions && setShowOptions(!showOptions)} />}
+
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridTitle/GridTitleOptionsPopup.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridTitle/GridTitleOptionsPopup.tsx
new file mode 100644
index 0000000000..dcf22ce95f
--- /dev/null
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridTitle/GridTitleOptionsPopup.tsx
@@ -0,0 +1,55 @@
+import { IPopupItem, PopupSelect } from '../../_shared/PopupSelect';
+import { FilterSvg } from '../../_shared/svg/FilterSvg';
+import { GroupBySvg } from '../../_shared/svg/GroupBySvg';
+import { PropertiesSvg } from '../../_shared/svg/PropertiesSvg';
+import { SortSvg } from '../../_shared/svg/SortSvg';
+
+export const GridTitleOptionsPopup = ({ onClose }: { onClose?: () => void }) => {
+ const items: IPopupItem[] = [
+ {
+ icon: (
+
+
+
+ ),
+ onClick: () => {
+ console.log('filter');
+ },
+ title: 'Filter',
+ },
+ {
+ icon: (
+
+
+
+ ),
+ onClick: () => {
+ console.log('sort');
+ },
+ title: 'Sort',
+ },
+ {
+ icon: (
+
+
+
+ ),
+ onClick: () => {
+ console.log('fields');
+ },
+ title: 'Fields',
+ },
+ {
+ icon: (
+
+
+
+ ),
+ onClick: () => {
+ console.log('group by');
+ },
+ title: 'Group by',
+ },
+ ];
+ return
;
+};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridToolbar/GridToolbar.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridToolbar/GridToolbar.tsx
index ea88a4cf7b..6039a6147a 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridToolbar/GridToolbar.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/grid/GridToolbar/GridToolbar.tsx
@@ -1,17 +1,11 @@
import { GridAddView } from '../GridAddView/GridAddView';
import { SearchInput } from '../../_shared/SearchInput';
-import { GridSortButton } from './GridSortButton';
-import { GridFieldsButton } from './GridFieldsButton';
-import { GridFilterButton } from './GridFilterButton';
export const GridToolbar = () => {
return (
-
-
-
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/HeaderPanel/OptionsPopup.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/layout/HeaderPanel/OptionsPopup.tsx
index fe0cf6de9b..15423484dd 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/HeaderPanel/OptionsPopup.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/HeaderPanel/OptionsPopup.tsx
@@ -1,4 +1,4 @@
-import { IPopupItem, Popup } from '../../_shared/Popup';
+import { IPopupItem, PopupSelect } from '../../_shared/PopupSelect';
import { LogoutSvg } from '../../_shared/svg/LogoutSvg';
export const OptionsPopup = ({ onSignOutClick, onClose }: { onSignOutClick: () => void; onClose: () => void }) => {
@@ -14,10 +14,10 @@ export const OptionsPopup = ({ onSignOutClick, onClose }: { onSignOutClick: () =
},
];
return (
-
+ >
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/FolderItem.hooks.ts b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/FolderItem.hooks.ts
index 34850a89c3..5e63373880 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/FolderItem.hooks.ts
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/FolderItem.hooks.ts
@@ -5,7 +5,7 @@ import { IPage, pagesActions } from '../../../stores/reducers/pages/slice';
import { ViewLayoutPB } from '@/services/backend';
import { AppBackendService } from '../../../stores/effects/folder/app/app_bd_svc';
import { WorkspaceBackendService } from '../../../stores/effects/folder/workspace/workspace_bd_svc';
-import { useError } from '../../error/Error.hooks';
+
import { AppObserver } from '../../../stores/effects/folder/app/app_observer';
import { useNavigate } from 'react-router-dom';
import { INITIAL_FOLDER_HEIGHT, PAGE_ITEM_HEIGHT } from '../../_shared/constants';
@@ -32,9 +32,6 @@ export const useFolderEvents = (folder: IFolder, pages: IPage[]) => {
const appBackendService = new AppBackendService(folder.id);
const workspaceBackendService = new WorkspaceBackendService(workspace.id || '');
- // Error
- const error = useError();
-
useEffect(() => {
void appObserver.subscribe({
onAppChanged: (change) => {
@@ -85,12 +82,8 @@ export const useFolderEvents = (folder: IFolder, pages: IPage[]) => {
};
const changeFolderTitle = async (newTitle: string) => {
- try {
- await appBackendService.update({ name: newTitle });
- appDispatch(foldersActions.renameFolder({ id: folder.id, newTitle }));
- } catch (e: any) {
- error.showError(e?.message);
- }
+ await appBackendService.update({ name: newTitle });
+ appDispatch(foldersActions.renameFolder({ id: folder.id, newTitle }));
};
const closeRenamePopup = () => {
@@ -99,24 +92,16 @@ export const useFolderEvents = (folder: IFolder, pages: IPage[]) => {
const deleteFolder = async () => {
closePopup();
- try {
- await appBackendService.delete();
- appDispatch(foldersActions.deleteFolder({ id: folder.id }));
- } catch (e: any) {
- error.showError(e?.message);
- }
+ await appBackendService.delete();
+ appDispatch(foldersActions.deleteFolder({ id: folder.id }));
};
const duplicateFolder = async () => {
closePopup();
- try {
- const newApp = await workspaceBackendService.createApp({
- name: folder.title,
- });
- appDispatch(foldersActions.addFolder({ id: newApp.id, title: folder.title }));
- } catch (e: any) {
- error.showError(e?.message);
- }
+ const newApp = await workspaceBackendService.createApp({
+ name: folder.title,
+ });
+ appDispatch(foldersActions.addFolder({ id: newApp.id, title: folder.title }));
};
const closePopup = () => {
@@ -126,77 +111,65 @@ export const useFolderEvents = (folder: IFolder, pages: IPage[]) => {
const onAddNewDocumentPage = async () => {
closePopup();
- try {
- const newView = await appBackendService.createView({
- name: 'New Document 1',
- layoutType: ViewLayoutPB.Document,
- });
+ const newView = await appBackendService.createView({
+ name: 'New Document 1',
+ layoutType: ViewLayoutPB.Document,
+ });
- appDispatch(
- pagesActions.addPage({
- folderId: folder.id,
- pageType: ViewLayoutPB.Document,
- title: newView.name,
- id: newView.id,
- })
- );
+ appDispatch(
+ pagesActions.addPage({
+ folderId: folder.id,
+ pageType: ViewLayoutPB.Document,
+ title: newView.name,
+ id: newView.id,
+ })
+ );
- setShowPages(true);
+ setShowPages(true);
- navigate(`/page/document/${newView.id}`);
- } catch (e: any) {
- error.showError(e?.message);
- }
+ navigate(`/page/document/${newView.id}`);
};
const onAddNewBoardPage = async () => {
closePopup();
- try {
- const newView = await appBackendService.createView({
- name: 'New Board 1',
- layoutType: ViewLayoutPB.Board,
- });
+ const newView = await appBackendService.createView({
+ name: 'New Board 1',
+ layoutType: ViewLayoutPB.Board,
+ });
- setShowPages(true);
+ setShowPages(true);
- appDispatch(
- pagesActions.addPage({
- folderId: folder.id,
- pageType: ViewLayoutPB.Board,
- title: newView.name,
- id: newView.id,
- })
- );
+ appDispatch(
+ pagesActions.addPage({
+ folderId: folder.id,
+ pageType: ViewLayoutPB.Board,
+ title: newView.name,
+ id: newView.id,
+ })
+ );
- navigate(`/page/board/${newView.id}`);
- } catch (e: any) {
- error.showError(e?.message);
- }
+ navigate(`/page/board/${newView.id}`);
};
const onAddNewGridPage = async () => {
closePopup();
- try {
- const newView = await appBackendService.createView({
- name: 'New Grid 1',
- layoutType: ViewLayoutPB.Grid,
- });
+ const newView = await appBackendService.createView({
+ name: 'New Grid 1',
+ layoutType: ViewLayoutPB.Grid,
+ });
- setShowPages(true);
+ setShowPages(true);
- appDispatch(
- pagesActions.addPage({
- folderId: folder.id,
- pageType: ViewLayoutPB.Grid,
- title: newView.name,
- id: newView.id,
- })
- );
+ appDispatch(
+ pagesActions.addPage({
+ folderId: folder.id,
+ pageType: ViewLayoutPB.Grid,
+ title: newView.name,
+ id: newView.id,
+ })
+ );
- navigate(`/page/grid/${newView.id}`);
- } catch (e: any) {
- error.showError(e?.message);
- }
+ navigate(`/page/grid/${newView.id}`);
};
useEffect(() => {
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavItemOptionsPopup.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavItemOptionsPopup.tsx
index f167623399..283bdc62bd 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavItemOptionsPopup.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavItemOptionsPopup.tsx
@@ -1,4 +1,4 @@
-import { IPopupItem, Popup } from '../../_shared/Popup';
+import { IPopupItem, PopupSelect } from '../../_shared/PopupSelect';
import { EditSvg } from '../../_shared/svg/EditSvg';
import { TrashSvg } from '../../_shared/svg/TrashSvg';
import { CopySvg } from '../../_shared/svg/CopySvg';
@@ -47,11 +47,11 @@ export const NavItemOptionsPopup = ({
];
return (
-
onClose && onClose()}
items={items}
className={`absolute right-0`}
style={{ top: `${top}px` }}
- >
+ >
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.tsx
index e3528ca1f0..fc47388757 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.tsx
@@ -117,6 +117,7 @@ export const NavigationPanel = ({
{/*
*/}
+
{/*Trash Button*/}
@@ -158,7 +159,7 @@ export const TestBackendButton = () => {
onClick={() => navigate('/page/api-test')}
className={'flex w-full items-center rounded-lg px-4 py-2 hover:bg-surface-2'}
>
- APITest
+ API Test
);
};
@@ -171,7 +172,19 @@ export const DesignSpec = () => {
onClick={() => navigate('page/colors')}
className={'flex w-full items-center rounded-lg px-4 py-2 hover:bg-surface-2'}
>
- Design Specs
+ Color Palette
+
+ );
+};
+
+export const AllIcons = () => {
+ const navigate = useNavigate();
+ return (
+
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewFolderButton.hooks.ts b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewFolderButton.hooks.ts
index ffef7e5073..b2e4c3ba67 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewFolderButton.hooks.ts
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewFolderButton.hooks.ts
@@ -1,23 +1,17 @@
import { useAppDispatch, useAppSelector } from '../../../stores/store';
import { foldersActions } from '../../../stores/reducers/folders/slice';
import { WorkspaceBackendService } from '../../../stores/effects/folder/workspace/workspace_bd_svc';
-import { useError } from '../../error/Error.hooks';
export const useNewFolder = () => {
const appDispatch = useAppDispatch();
const workspace = useAppSelector((state) => state.workspace);
const workspaceBackendService = new WorkspaceBackendService(workspace.id || '');
- const error = useError();
const onNewFolder = async () => {
- try {
- const newApp = await workspaceBackendService.createApp({
- name: 'New Folder 1',
- });
- appDispatch(foldersActions.addFolder({ id: newApp.id, title: newApp.name }));
- } catch (e: any) {
- error.showError(e?.message);
- }
+ const newApp = await workspaceBackendService.createApp({
+ name: 'New Folder 1',
+ });
+ appDispatch(foldersActions.addFolder({ id: newApp.id, title: newApp.name }));
};
return {
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewPagePopup.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewPagePopup.tsx
index 5b74082907..47ad2f8e9b 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewPagePopup.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NewPagePopup.tsx
@@ -1,4 +1,4 @@
-import { IPopupItem, Popup } from '../../_shared/Popup';
+import { IPopupItem, PopupSelect } from '../../_shared/PopupSelect';
import { DocumentSvg } from '../../_shared/svg/DocumentSvg';
import { BoardSvg } from '../../_shared/svg/BoardSvg';
import { GridSvg } from '../../_shared/svg/GridSvg';
@@ -47,11 +47,11 @@ export const NewPagePopup = ({
];
return (
-
onClose && onClose()}
items={items}
className={'absolute right-0'}
style={{ top: `${top}px` }}
- >
+ >
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/PageItem.hooks.ts b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/PageItem.hooks.ts
index 937825bbeb..917d96144d 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/PageItem.hooks.ts
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/PageItem.hooks.ts
@@ -13,7 +13,6 @@ export const usePageEvents = (page: IPage) => {
const [activePageId, setActivePageId] = useState
('');
const currentLocation = useLocation();
const viewBackendService: ViewBackendService = new ViewBackendService(page.id);
- const error = useError();
useEffect(() => {
const { pathname } = currentLocation;
@@ -32,33 +31,21 @@ export const usePageEvents = (page: IPage) => {
};
const changePageTitle = async (newTitle: string) => {
- try {
- await viewBackendService.update({ name: newTitle });
- appDispatch(pagesActions.renamePage({ id: page.id, newTitle }));
- } catch (e: any) {
- error.showError(e?.message);
- }
+ await viewBackendService.update({ name: newTitle });
+ appDispatch(pagesActions.renamePage({ id: page.id, newTitle }));
};
const deletePage = async () => {
closePopup();
- try {
- await viewBackendService.delete();
- appDispatch(pagesActions.deletePage({ id: page.id }));
- } catch (e: any) {
- error.showError(e?.message);
- }
+ await viewBackendService.delete();
+ appDispatch(pagesActions.deletePage({ id: page.id }));
};
const duplicatePage = () => {
closePopup();
- try {
- appDispatch(
- pagesActions.addPage({ id: nanoid(8), pageType: page.pageType, title: page.title, folderId: page.folderId })
- );
- } catch (e: any) {
- error.showError(e?.message);
- }
+ appDispatch(
+ pagesActions.addPage({ id: nanoid(8), pageType: page.pageType, title: page.title, folderId: page.folderId })
+ );
};
const closePopup = () => {
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/Workspace.hooks.ts b/frontend/appflowy_tauri/src/appflowy_app/components/layout/Workspace.hooks.ts
index 59d1231a7e..39f98a5fd0 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/Workspace.hooks.ts
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/Workspace.hooks.ts
@@ -3,13 +3,12 @@ import { useAppDispatch, useAppSelector } from '../../stores/store';
import { pagesActions } from '../../stores/reducers/pages/slice';
import { workspaceActions } from '../../stores/reducers/workspace/slice';
import { UserBackendService } from '../../stores/effects/user/user_bd_svc';
-import { useError } from '../error/Error.hooks';
export const useWorkspace = () => {
const currentUser = useAppSelector((state) => state.currentUser);
const appDispatch = useAppDispatch();
- const error = useError();
+
const userBackendService: UserBackendService = new UserBackendService(currentUser.id || 0);
const loadWorkspaceItems = async () => {
@@ -31,15 +30,11 @@ export const useWorkspace = () => {
}
} catch (e1) {
// create workspace for first start
- try {
- const workspace = await userBackendService.createWorkspace({ name: 'New Workspace', desc: '' });
- appDispatch(workspaceActions.updateWorkspace({ id: workspace.id, name: workspace.name }));
+ const workspace = await userBackendService.createWorkspace({ name: 'New Workspace', desc: '' });
+ appDispatch(workspaceActions.updateWorkspace({ id: workspace.id, name: workspace.name }));
- appDispatch(foldersActions.clearFolders());
- appDispatch(pagesActions.clearPages());
- } catch (e2: any) {
- error.showError(e2?.message);
- }
+ appDispatch(foldersActions.clearFolders());
+ appDispatch(pagesActions.clearPages());
}
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/tests/AllIcons.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/tests/AllIcons.tsx
new file mode 100644
index 0000000000..7cea4374ca
--- /dev/null
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/tests/AllIcons.tsx
@@ -0,0 +1,168 @@
+import AddSvg from '$app/components/_shared/svg/AddSvg';
+import { ArrowLeftSvg } from '$app/components/_shared/svg/ArrowLeftSvg';
+import { ArrowRightSvg } from '$app/components/_shared/svg/ArrowRightSvg';
+import { BoardSvg } from '$app/components/_shared/svg/BoardSvg';
+import { CheckboxSvg } from '$app/components/_shared/svg/CheckboxSvg';
+import { ChecklistTypeSvg } from '$app/components/_shared/svg/ChecklistTypeSvg';
+import { CheckmarkSvg } from '$app/components/_shared/svg/CheckmarkSvg';
+import { ClockSvg } from '$app/components/_shared/svg/ClockSvg';
+import { CloseSvg } from '$app/components/_shared/svg/CloseSvg';
+import { CopySvg } from '$app/components/_shared/svg/CopySvg';
+import { DateTypeSvg } from '$app/components/_shared/svg/DateTypeSvg';
+import { Details2Svg } from '$app/components/_shared/svg/Details2Svg';
+import { DocumentSvg } from '$app/components/_shared/svg/DocumentSvg';
+import { DropDownShowSvg } from '$app/components/_shared/svg/DropDownShowSvg';
+import { EarthSvg } from '$app/components/_shared/svg/EarthSvg';
+import { EditorCheckSvg } from '$app/components/_shared/svg/EditorCheckSvg';
+import { EditorUncheckSvg } from '$app/components/_shared/svg/EditorUncheckSvg';
+import { EditSvg } from '$app/components/_shared/svg/EditSvg';
+import { EyeClosedSvg } from '$app/components/_shared/svg/EyeClosedSvg';
+import { EyeOpenSvg } from '$app/components/_shared/svg/EyeOpenSvg';
+import { FilterSvg } from '$app/components/_shared/svg/FilterSvg';
+import { GridSvg } from '$app/components/_shared/svg/GridSvg';
+import { GroupByFieldSvg } from '$app/components/_shared/svg/GroupByFieldSvg';
+import { HideMenuSvg } from '$app/components/_shared/svg/HideMenuSvg';
+import { InformationSvg } from '$app/components/_shared/svg/InformationSvg';
+import { LogoutSvg } from '$app/components/_shared/svg/LogoutSvg';
+import { MoreSvg } from '$app/components/_shared/svg/MoreSvg';
+import { MultiSelectTypeSvg } from '$app/components/_shared/svg/MultiSelectTypeSvg';
+import { NumberTypeSvg } from '$app/components/_shared/svg/NumberTypeSvg';
+import { PropertiesSvg } from '$app/components/_shared/svg/PropertiesSvg';
+import { SearchSvg } from '$app/components/_shared/svg/SearchSvg';
+import { ShowMenuSvg } from '$app/components/_shared/svg/ShowMenuSvg';
+import { SingleSelectTypeSvg } from '$app/components/_shared/svg/SingleSelectTypeSvg';
+import { SkipLeftSvg } from '$app/components/_shared/svg/SkipLeftSvg';
+import { SkipRightSvg } from '$app/components/_shared/svg/SkipRightSvg';
+import { SortSvg } from '$app/components/_shared/svg/SortSvg';
+import { TextTypeSvg } from '$app/components/_shared/svg/TextTypeSvg';
+import { TrashSvg } from '$app/components/_shared/svg/TrashSvg';
+import { UrlTypeSvg } from '$app/components/_shared/svg/UrlTypeSvg';
+
+export const AllIcons = () => {
+ return (
+
+
Icons
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Colors
+
Main
+
+
Tint
+
+
Shades
+
+
Surface
+
+
-
Board: {viewId}
- {viewId?.length && }
+ {viewId?.length && }
);
};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.hooks.ts b/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.hooks.ts
deleted file mode 100644
index 68c0f81ebd..0000000000
--- a/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.hooks.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const useGrid = () => {
- const loadGrid = async (id: string) => {
- console.log('loading grid');
- };
-
- return {
- loadGrid,
- };
-};
diff --git a/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.tsx b/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.tsx
index ce8e474e05..b4a0f4157a 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/views/GridPage.tsx
@@ -1,45 +1,22 @@
-import { GridAddView } from '../components/grid/GridAddView/GridAddView';
-import { GridTableCount } from '../components/grid/GridTableCount/GridTableCount';
-import { GridTableHeader } from '../components/grid/GridTableHeader/GridTableHeader';
-import { GridAddRow } from '../components/grid/GridTableRows/GridAddRow';
-import { GridTableRows } from '../components/grid/GridTableRows/GridTableRows';
-import { GridTitle } from '../components/grid/GridTitle/GridTitle';
-import { SearchInput } from '../components/_shared/SearchInput';
-import { GridToolbar } from '../components/grid/GridToolbar/GridToolbar';
import { useParams } from 'react-router-dom';
-import { useGrid } from './GridPage.hooks';
-import { useEffect } from 'react';
+
+import { useEffect, useState } from 'react';
+import { Grid } from '../components/grid/Grid/Grid';
export const GridPage = () => {
const params = useParams();
- const { loadGrid } = useGrid();
+ const [viewId, setViewId] = useState('');
useEffect(() => {
- void (async () => {
- if (!params?.id) return;
- await loadGrid(params.id);
- })();
+ if (params?.id?.length) {
+ setViewId(params.id);
+ // setDatabaseId('testDb');
+ }
}, [params]);
return (
-
-
Grid
-
-
-
-
-
-
- {/* table component view with text area for td */}
-
-
-
+
+
Grid: {viewId}
+ {viewId?.length && }
);
};