Prevent add category FAB from overlaying last category (#301)

This commit is contained in:
schroda
2023-05-15 18:41:43 +02:00
committed by GitHub
parent 14ac872876
commit 13dbb8faf4

View File

@@ -33,6 +33,7 @@ import NavbarContext from 'components/context/NavbarContext';
import client, { useQuery } from 'util/client'; import client, { useQuery } from 'util/client';
import { ICategory } from 'typings'; import { ICategory } from 'typings';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { DEFAULT_FULL_FAB_HEIGHT } from 'components/util/StyledFab';
const getItemStyle = ( const getItemStyle = (
isDragging: boolean, isDragging: boolean,
@@ -139,7 +140,7 @@ export default function Categories() {
<DragDropContext onDragEnd={onDragEnd}> <DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId="droppable"> <Droppable droppableId="droppable">
{(droppableProvided) => ( {(droppableProvided) => (
<List ref={droppableProvided.innerRef}> <List ref={droppableProvided.innerRef} sx={{ paddingBottom: DEFAULT_FULL_FAB_HEIGHT }}>
{categories.map((item, index) => ( {categories.map((item, index) => (
<Draggable key={item.id} draggableId={item.id.toString()} index={index}> <Draggable key={item.id} draggableId={item.id.toString()} index={index}>
{(draggableProvided, snapshot) => ( {(draggableProvided, snapshot) => (