Prevent add category FAB from overlaying last category (#301)
This commit is contained in:
@@ -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) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user