mirror of
https://github.com/invoke-ai/InvokeAI.git
synced 2026-02-19 09:54:24 -05:00
20 lines
672 B
TypeScript
20 lines
672 B
TypeScript
import { useStore } from '@nanostores/react';
|
|
import { ToolBrushWidth } from 'features/controlLayers/components/Tool/ToolBrushWidth';
|
|
import { ToolEraserWidth } from 'features/controlLayers/components/Tool/ToolEraserWidth';
|
|
import { useCanvasManager } from 'features/controlLayers/contexts/CanvasManagerProviderGate';
|
|
import { memo } from 'react';
|
|
|
|
export const ToolSettings = memo(() => {
|
|
const canvasManager = useCanvasManager();
|
|
const tool = useStore(canvasManager.tool.$tool);
|
|
if (tool === 'brush') {
|
|
return <ToolBrushWidth />;
|
|
}
|
|
if (tool === 'eraser') {
|
|
return <ToolEraserWidth />;
|
|
}
|
|
return null;
|
|
});
|
|
|
|
ToolSettings.displayName = 'ToolSettings';
|