Mirrors/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2026-03-10 22:43:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Split categories and bookmarks forms into separate files. Added visibility functionality to categories and bookmarks

Browse Source
This commit is contained in:
Paweł Malak
2021-11-09 23:40:58 +01:00
parent f127a354ef
commit d83e3056c6
16 changed files with 484 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/components/Bookmarks/BookmarkTable/BookmarkTable.tsx
View File

@@ -125,7 +125,10 @@ export const BookmarkTable = (props: Props): JSX.Element => {
<DragDropContext onDragEnd={dragEndHanlder}>
<Droppable droppableId="categories">
{(provided) => (
<Table headers={['Name', 'Actions']} innerRef={provided.innerRef}>
<Table
headers={['Name', 'Visibility', 'Actions']}
innerRef={provided.innerRef}
>
{localCategories.map(
(category: Category, index): JSX.Element => {
return (
@@ -150,7 +153,12 @@ export const BookmarkTable = (props: Props): JSX.Element => {
ref={provided.innerRef}
style={style}
>
<td>{category.name}</td>
<td style={{ width: '300px' }}>
{category.name}
</td>
<td style={{ width: '300px' }}>
{category.isPublic ? 'Visible' : 'Hidden'}
</td>
{!snapshot.isDragging && (
<td className={classes.TableActions}>
<div
@@ -226,7 +234,9 @@ export const BookmarkTable = (props: Props): JSX.Element => {
});
return (
<Table headers={['Name', 'URL', 'Icon', 'Category', 'Actions']}>
<Table
headers={['Name', 'URL', 'Icon', 'Visibility', 'Category', 'Actions']}
>
{bookmarks.map(
(bookmark: { bookmark: Bookmark; categoryName: string }) => {
return (
@@ -234,6 +244,7 @@ export const BookmarkTable = (props: Props): JSX.Element => {
<td>{bookmark.bookmark.name}</td>
<td>{bookmark.bookmark.url}</td>
<td>{bookmark.bookmark.icon}</td>
<td>{bookmark.bookmark.isPublic ? 'Visible' : 'Hidden'}</td>
<td>{bookmark.categoryName}</td>
<td className={classes.TableActions}>
<div