diff --git a/frontend/libs/components/model-selector/src/lib/model-selectors-for-pages.tsx b/frontend/libs/components/model-selector/src/lib/model-selectors-for-pages.tsx index 72a3d0beae..370acf0a44 100644 --- a/frontend/libs/components/model-selector/src/lib/model-selectors-for-pages.tsx +++ b/frontend/libs/components/model-selector/src/lib/model-selectors-for-pages.tsx @@ -6,7 +6,6 @@ import { Model, VIDEO_MODELS, IMAGE_MODELS, - IMAGE_MODELS_BY_ID, SPLAT_MODELS, OBJECT_3D_MODELS, } from "@storyteller/model-list"; diff --git a/frontend/libs/components/model-selector/src/lib/provider-selector.tsx b/frontend/libs/components/model-selector/src/lib/provider-selector.tsx index 44f5e68827..09e5e5e635 100644 --- a/frontend/libs/components/model-selector/src/lib/provider-selector.tsx +++ b/frontend/libs/components/model-selector/src/lib/provider-selector.tsx @@ -48,15 +48,15 @@ export function ProviderSelector({ useEffect(() => { if (!modelId) return; if (!selectedProvider && allowedProviders.length > 0) { - setSelectedProvider(page, modelId, allowedProviders[0]); + setSelectedProvider(page, modelId, allowedProviders[0] as any); } }, [page, modelId, selectedProvider, allowedProviders, setSelectedProvider]); const items: Omit[] = useMemo( () => allowedProviders.map((p) => ({ - label: getProviderDisplayName(p), - icon: getProviderIcon(p), + label: getProviderDisplayName(p as any), + icon: getProviderIcon(p as any), model: undefined, provider: p, })), @@ -78,7 +78,7 @@ export function ProviderSelector({ | Provider | undefined; if (!prov) return; - setSelectedProvider(page, modelId, prov); + setSelectedProvider(page, modelId, prov as any); }; return ( diff --git a/frontend/libs/components/pagedraw/src/lib/Node.ts b/frontend/libs/components/pagedraw/src/lib/Node.ts index ef76bd33e8..2435b466aa 100644 --- a/frontend/libs/components/pagedraw/src/lib/Node.ts +++ b/frontend/libs/components/pagedraw/src/lib/Node.ts @@ -173,7 +173,3 @@ export class Node { } } } - -function generateId(): string { - return `node-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`; -} diff --git a/frontend/libs/components/pagedraw/src/lib/PaintSurface.tsx b/frontend/libs/components/pagedraw/src/lib/PaintSurface.tsx index 41dfdf85ea..e68d6460d8 100644 --- a/frontend/libs/components/pagedraw/src/lib/PaintSurface.tsx +++ b/frontend/libs/components/pagedraw/src/lib/PaintSurface.tsx @@ -15,12 +15,10 @@ import { Line, Image, Transformer, - Group, } from "react-konva"; import Konva from "konva"; import { LineNode, SceneState, useSceneStore } from "./stores/SceneState"; import { Node } from "./Node"; -import { useStageSnapshot } from "./hooks/useUpdateSnapshot"; import "./pagedraw.css"; import SplitPane from "./components/ui/SplitPane"; import { useRightPanelLayoutManagement } from "./hooks/useRightPanelLayoutManagement"; diff --git a/frontend/libs/components/pagedraw/src/lib/PromptEditor/ImageStyleSelector.tsx b/frontend/libs/components/pagedraw/src/lib/PromptEditor/ImageStyleSelector.tsx index efbc4e35d1..4b60982b00 100644 --- a/frontend/libs/components/pagedraw/src/lib/PromptEditor/ImageStyleSelector.tsx +++ b/frontend/libs/components/pagedraw/src/lib/PromptEditor/ImageStyleSelector.tsx @@ -3,11 +3,7 @@ import { ImageStyleSelectorProps } from './types'; const ImageStyleSelector: React.FC = ({ onImageSelect }) => { const fileInputRef = useRef(null); - - const handleClick = () => { - fileInputRef.current?.click(); - }; - + const handleFileChange = (e: React.ChangeEvent) => { const files = e.target.files; if (files && files.length > 0) { diff --git a/frontend/libs/components/pagedraw/src/lib/components/ui/SideToolbar.tsx b/frontend/libs/components/pagedraw/src/lib/components/ui/SideToolbar.tsx index 418c0d6ce1..da59324a0f 100644 --- a/frontend/libs/components/pagedraw/src/lib/components/ui/SideToolbar.tsx +++ b/frontend/libs/components/pagedraw/src/lib/components/ui/SideToolbar.tsx @@ -2,7 +2,6 @@ import React, { useState, useRef, useEffect } from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faMousePointer, - faTrash, faEyeDropper, faImage, faUndo, diff --git a/frontend/libs/components/pagedraw/src/lib/hooks/useGlobalMouseUp.ts b/frontend/libs/components/pagedraw/src/lib/hooks/useGlobalMouseUp.ts index 17ecdac735..c80810e42b 100644 --- a/frontend/libs/components/pagedraw/src/lib/hooks/useGlobalMouseUp.ts +++ b/frontend/libs/components/pagedraw/src/lib/hooks/useGlobalMouseUp.ts @@ -1,4 +1,3 @@ -import { Vector2d } from "konva/lib/types"; import { useEffect } from "react"; import { DragState } from "../types"; // This piece of code ensures that when you are selecting or dragging and go off the stage, diff --git a/frontend/libs/components/pricing-modal/src/lib/cost-breakdown-modal.tsx b/frontend/libs/components/pricing-modal/src/lib/cost-breakdown-modal.tsx index 0ed6eb4058..66be842be9 100644 --- a/frontend/libs/components/pricing-modal/src/lib/cost-breakdown-modal.tsx +++ b/frontend/libs/components/pricing-modal/src/lib/cost-breakdown-modal.tsx @@ -96,7 +96,6 @@ export function CostBreakdownModal({ activeTabId }: CostBreakdownModalProps) { const { currency, setCurrency, - currencyOption, formatPrice, currencyOptions, } = useCurrency(); diff --git a/frontend/libs/components/promptbox/src/lib/PromptBox3D.tsx b/frontend/libs/components/promptbox/src/lib/PromptBox3D.tsx index 8f68082b32..67328e40e8 100644 --- a/frontend/libs/components/promptbox/src/lib/PromptBox3D.tsx +++ b/frontend/libs/components/promptbox/src/lib/PromptBox3D.tsx @@ -503,7 +503,7 @@ export const PromptBox3D = ({ }; const getCurrentAspectRatio = (): CommonAspectRatio => { - switch (cameraAspectRatio.value) { + switch (cameraAspectRatio) { case CameraAspectRatio.HORIZONTAL_3_2: return CommonAspectRatio.Wide; case CameraAspectRatio.VERTICAL_2_3: diff --git a/frontend/libs/components/promptbox/src/lib/PromptBoxEdit.tsx b/frontend/libs/components/promptbox/src/lib/PromptBoxEdit.tsx index 1c29ad488c..3304402d69 100644 --- a/frontend/libs/components/promptbox/src/lib/PromptBoxEdit.tsx +++ b/frontend/libs/components/promptbox/src/lib/PromptBoxEdit.tsx @@ -5,8 +5,6 @@ import { } from "@fortawesome/pro-regular-svg-icons"; import { faEdit, - faMessageCheck, - faMessageXmark, faMousePointer, faFrame, faPen, @@ -19,7 +17,7 @@ import { faChevronUp, } from "@fortawesome/pro-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { Button, ToggleButton, GenerateButton } from "@storyteller/ui-button"; +import { Button, GenerateButton } from "@storyteller/ui-button"; import { ButtonIconSelect } from "@storyteller/ui-button-icon-select"; import { PopoverMenu, PopoverItem } from "@storyteller/ui-popover"; import { Tooltip } from "@storyteller/ui-tooltip"; @@ -83,7 +81,6 @@ export const PromptBoxEdit = ({ credits, }: PromptBoxEditProps) => { const [prompt, setPrompt] = useState(""); - const [useSystemPrompt, setUseSystemPrompt] = useState(true); const [isFocused, setIsFocused] = useState(false); const [isExpanded, setIsExpanded] = useState(false); diff --git a/frontend/libs/components/promptbox/src/lib/PromptBoxErrorBoundary.tsx b/frontend/libs/components/promptbox/src/lib/PromptBoxErrorBoundary.tsx index 0cb49143f5..91f741a611 100644 --- a/frontend/libs/components/promptbox/src/lib/PromptBoxErrorBoundary.tsx +++ b/frontend/libs/components/promptbox/src/lib/PromptBoxErrorBoundary.tsx @@ -11,17 +11,17 @@ interface State { } export class PromptBoxErrorBoundary extends Component { - state: State = { hasError: false, resetKey: 0 }; + override state: State = { hasError: false, resetKey: 0 }; static getDerivedStateFromError(): Partial { return { hasError: true }; } - componentDidCatch(error: Error, info: ErrorInfo) { + override componentDidCatch(error: Error, info: ErrorInfo) { console.error("PromptBox crashed:", error, info.componentStack); } - render() { + override render() { if (this.state.hasError) { return (
diff --git a/frontend/libs/components/promptbox/src/lib/PromptBoxImage.tsx b/frontend/libs/components/promptbox/src/lib/PromptBoxImage.tsx index 9fb6ddd084..2c9608cf7f 100644 --- a/frontend/libs/components/promptbox/src/lib/PromptBoxImage.tsx +++ b/frontend/libs/components/promptbox/src/lib/PromptBoxImage.tsx @@ -4,21 +4,19 @@ import { JobContextType, UploaderState } from "@storyteller/common"; import { toast } from "@storyteller/ui-toaster"; import { PopoverMenu, PopoverItem } from "@storyteller/ui-popover"; import { Tooltip } from "@storyteller/ui-tooltip"; -import { Button, ToggleButton, GenerateButton } from "@storyteller/ui-button"; +import { Button, GenerateButton } from "@storyteller/ui-button"; import { Modal } from "@storyteller/ui-modal"; import { GenerateImage, GenerateImageRequest, } from "@storyteller/tauri-api"; import { - faMessageXmark, - faMessageCheck, faExpand, faChevronDown, faChevronUp, } from "@fortawesome/pro-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { CommonAspectRatio, ImageModel } from "@storyteller/model-list"; +import { ImageModel } from "@storyteller/model-list"; import { usePromptImageStore, RefImage, useEnterToGenerateStore } from "./promptStore"; import { gtagEvent } from "@storyteller/google-analytics"; import { twMerge } from "tailwind-merge"; @@ -29,7 +27,6 @@ import { AspectRatioIcon } from "./common/AspectRatioIcon"; import { GenerationCountPicker } from "./common/GenerationCountPicker"; import { ResolutionPicker } from "./common/ResolutionPicker"; import { QualityPicker } from "./common/QualityPicker"; -import { CommonResolution } from "@storyteller/model-list"; interface PromptBoxImageProps { useJobContext: () => JobContextType; @@ -87,8 +84,6 @@ export const PromptBoxImage = ({ const prompt = usePromptImageStore((s) => s.prompt); const setPrompt = usePromptImageStore((s) => s.setPrompt); - const useSystemPrompt = usePromptImageStore((s) => s.useSystemPrompt); - const setUseSystemPrompt = usePromptImageStore((s) => s.setUseSystemPrompt); const aspectRatio = usePromptImageStore((s) => s.aspectRatio); const setAspectRatio = usePromptImageStore((s) => s.setAspectRatio); const resolution = usePromptImageStore((s) => s.resolution); diff --git a/frontend/libs/components/promptbox/src/lib/PromptBoxVideo.tsx b/frontend/libs/components/promptbox/src/lib/PromptBoxVideo.tsx index c275a3f7a9..7a07fe040c 100644 --- a/frontend/libs/components/promptbox/src/lib/PromptBoxVideo.tsx +++ b/frontend/libs/components/promptbox/src/lib/PromptBoxVideo.tsx @@ -239,7 +239,7 @@ export const PromptBoxVideo = ({ aspectRatioOptions = buildAspectRatioOptions(DEFAULT_RESOLUTIONS); } - const [aspectRatioList, setAspectRatioList] = + const [, setAspectRatioList] = useState(aspectRatioOptions); const textareaRef = useRef(null);