Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-27 06:49:37 +02:00
Code Issues Releases Wiki Activity

Add app categories (#0)

Browse source 
add app categories
This commit is contained in:
François Darveau 2021-06-26 15:06:47 -04:00 • committed by François Darveau
parent 6f44200a3c
commit 31cf2bc5ad
24 changed files with 1772 additions and 939 deletions
Download patch file Download diff file Expand all files Collapse all files

29
client/src/components/Bookmarks/Bookmarks.tsx
View file

@ -1,25 +1,23 @@
import { useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
import { getCategories } from '../../store/actions';
import { Link } from 'react-router-dom';
import classes from './Bookmarks.module.css';
import { Container } from '../UI/Layout/Layout';
import Headline from '../UI/Headlines/Headline/Headline';
import { Bookmark, Category, GlobalState } from '../../interfaces';
import { getBookmarkCategories } from '../../store/actions';
import ActionButton from '../UI/Buttons/ActionButton/ActionButton';
import BookmarkGrid from './BookmarkGrid/BookmarkGrid';
import { Category, GlobalState, Bookmark } from '../../interfaces';
import Spinner from '../UI/Spinner/Spinner';
import Headline from '../UI/Headlines/Headline/Headline';
import { Container } from '../UI/Layout/Layout';
import Modal from '../UI/Modal/Modal';
import Spinner from '../UI/Spinner/Spinner';
import BookmarkForm from './BookmarkForm/BookmarkForm';
import BookmarkGrid from './BookmarkGrid/BookmarkGrid';
import classes from './Bookmarks.module.css';
import BookmarkTable from './BookmarkTable/BookmarkTable';
interface ComponentProps {
loading: boolean;
categories: Category[];
getCategories: () => void;
getBookmarkCategories: () => void;
searching: boolean;
}
@ -29,7 +27,7 @@ export enum ContentType {
}
const Bookmarks = (props: ComponentProps): JSX.Element => {
const { getCategories, categories, loading, searching = false } = props;
const { getBookmarkCategories, categories, loading, searching = false } = props;
const [modalIsOpen, setModalIsOpen] = useState(false);
const [formContentType, setFormContentType] = useState(ContentType.category);
@ -43,6 +41,7 @@ const Bookmarks = (props: ComponentProps): JSX.Element => {
id: -1,
isPinned: false,
orderId: 0,
type: 'bookmarks',
bookmarks: [],
createdAt: new Date(),
updatedAt: new Date(),
@ -59,9 +58,9 @@ const Bookmarks = (props: ComponentProps): JSX.Element => {
useEffect(() => {
if (categories.length === 0) {
getCategories();
getBookmarkCategories();
}
}, [getCategories]);
}, [getBookmarkCategories]);
const toggleModal = (): void => {
setModalIsOpen(!modalIsOpen);
@ -169,4 +168,4 @@ const mapStateToProps = (state: GlobalState) => {
};
};
export default connect(mapStateToProps, { getCategories })(Bookmarks);
export default connect(mapStateToProps, { getBookmarkCategories })(Bookmarks);