diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasResizer.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasResizer.tsx deleted file mode 100644 index dbd44fd964..0000000000 --- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasResizer.tsx +++ /dev/null @@ -1,145 +0,0 @@ -import { Flex, Grid, GridItem, IconButton } from '@invoke-ai/ui-library'; -import { memo, useCallback, useState } from 'react'; -import { - PiArrowDownBold, - PiArrowDownLeftBold, - PiArrowDownRightBold, - PiArrowLeftBold, - PiArrowRightBold, - PiArrowUpBold, - PiArrowUpLeftBold, - PiArrowUpRightBold, - PiSquareBold, -} from 'react-icons/pi'; - -type ResizeDirection = - | 'up-left' - | 'up' - | 'up-right' - | 'left' - | 'center-out' - | 'right' - | 'down-left' - | 'down' - | 'down-right'; - -export const CanvasResizer = memo(() => { - const [resizeDirection, setResizeDirection] = useState('center-out'); - - const setDirUpLeft = useCallback(() => { - setResizeDirection('up-left'); - }, []); - - const setDirUp = useCallback(() => { - setResizeDirection('up'); - }, []); - - const setDirUpRight = useCallback(() => { - setResizeDirection('up-right'); - }, []); - - const setDirLeft = useCallback(() => { - setResizeDirection('left'); - }, []); - - const setDirCenterOut = useCallback(() => { - setResizeDirection('center-out'); - }, []); - - const setDirRight = useCallback(() => { - setResizeDirection('right'); - }, []); - - const setDirDownLeft = useCallback(() => { - setResizeDirection('down-left'); - }, []); - - const setDirDown = useCallback(() => { - setResizeDirection('down'); - }, []); - - const setDirDownRight = useCallback(() => { - setResizeDirection('down-right'); - }, []); - - return ( - - - - } - variant={resizeDirection === 'up-left' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'up' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'up-right' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'left' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'center-out' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'right' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'down-left' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'down' ? 'solid' : 'ghost'} - /> - - - } - variant={resizeDirection === 'down-right' ? 'solid' : 'ghost'} - /> - - - - ); -}); - -CanvasResizer.displayName = 'CanvasResizer';