Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-22 21:09:36 +02:00
Code Issues Releases Wiki Activity

import from up to date repo

Browse source
This commit is contained in:
Matthew Horwood 2022-11-30 20:46:28 +00:00
parent 35f5db62f2
commit 12baf72567
86 changed files with 12080 additions and 13746 deletions
Download patch file Download diff file Expand all files Collapse all files

49
client/src/components/Bookmarks/Table/BookmarksTable.tsx
View file

@ -1,42 +1,37 @@
import { useState, useEffect, Fragment } from 'react';
import { useAtomValue } from 'jotai';
import { useEffect, useState } from 'react';
import {
DragDropContext,
Droppable,
Draggable,
Droppable,
DropResult,
} from 'react-beautiful-dnd';
// Redux
import { useDispatch, useSelector } from 'react-redux';
import { State } from '../../../store/reducers';
import { bindActionCreators } from 'redux';
import { actionCreators } from '../../../store';
// Typescript
import { Bookmark, Category } from '../../../interfaces';
// UI
import { Message, Table } from '../../UI';
import { TableActions } from '../../Actions/TableActions';
import {
categoryInEditAtom,
useDeleteBookmark,
useReorderBookmarks,
useUpdateBookmark,
} from '../../../state/bookmark';
import { configAtom } from '../../../state/config';
import { useCreateNotification } from '../../../state/notification';
import { bookmarkTemplate } from '../../../utility';
import { TableActions } from '../../Actions/TableActions';
import { Message, Table } from '../../UI';
interface Props {
openFormForUpdating: (data: Category | Bookmark) => void;
}
export const BookmarksTable = ({ openFormForUpdating }: Props): JSX.Element => {
const {
bookmarks: { categoryInEdit },
config: { config },
} = useSelector((state: State) => state);
const config = useAtomValue(configAtom);
const dispatch = useDispatch();
const {
deleteBookmark,
updateBookmark,
createNotification,
reorderBookmarks,
} = bindActionCreators(actionCreators, dispatch);
const categoryInEdit = useAtomValue(categoryInEditAtom);
const deleteBookmark = useDeleteBookmark();
const updateBookmark = useUpdateBookmark();
const reorderBookmarks = useReorderBookmarks();
const createNotification = useCreateNotification();
const [localBookmarks, setLocalBookmarks] = useState<Bookmark[]>([]);
@ -103,7 +98,7 @@ export const BookmarksTable = ({ openFormForUpdating }: Props): JSX.Element => {
};
return (
<Fragment>
<>
{!categoryInEdit ? (
<Message isPrimary={false}>
Switch to grid view and click on the name of category you want to edit
@ -183,6 +178,6 @@ export const BookmarksTable = ({ openFormForUpdating }: Props): JSX.Element => {
</Droppable>
</DragDropContext>
)}
</Fragment>
</>
);
};