BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace 'sonner' toast import with local toast component (#177)

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-01-19 02:50:40 +02:00
committed by GitHub
parent 28d9324735
commit ce1622b1e2
34 changed files with 87 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/ChatInput.tsx
+1 -1
View File
@@ -27,7 +27,7 @@ import { parseAgentMentions } from '@/lib/messages/agentMentions';
import { StatusRow } from './StatusRow';
import { useAssistantStatus } from '@/hooks/useAssistantStatus';
import { useCurrentSessionActivity } from '@/hooks/useSessionActivity';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useFileStore } from '@/stores/fileStore';
import { calculateEditPermissionUIState, type BashPermissionSetting } from '@/lib/permissions/editPermissionDefaults';
import { isVSCodeRuntime } from '@/lib/desktop';
packages/ui/src/components/chat/FileAttachment.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React, { useRef, memo } from 'react';
import { RiAttachment2, RiCloseLine, RiComputerLine, RiFileImageLine, RiFileLine, RiFilePdfLine, RiHardDrive3Line } from '@remixicon/react';
import { useSessionStore, type AttachedFile } from '@/stores/useSessionStore';
import { useUIStore } from '@/stores/useUIStore';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { cn } from '@/lib/utils';
import { Tooltip, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip';
import { useIsVSCodeRuntime } from '@/hooks/useRuntimeAPIs';
packages/ui/src/components/layout/Sidebar.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import React from 'react';
import { RiDownloadLine, RiInformationLine, RiSettings3Line } from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { cn } from '@/lib/utils';
import { ErrorBoundary } from '../ui/ErrorBoundary';
import { useUIStore } from '@/stores/useUIStore';
packages/ui/src/components/multirun/MultiRunLauncher.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import React from 'react';
import { RiAddLine, RiArrowDownSLine, RiAttachment2, RiCloseLine, RiFileImageLine, RiFileLine, RiPlayLine } from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Textarea } from '@/components/ui/textarea';
packages/ui/src/components/sections/agents/AgentsPage.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { Button } from '@/components/ui/button';
import { ButtonSmall } from '@/components/ui/button-small';
import { Input } from '@/components/ui/input';
import { Textarea } from '@/components/ui/textarea';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useAgentsStore, type AgentConfig, type AgentScope } from '@/stores/useAgentsStore';
import { useConfigStore } from '@/stores/useConfigStore';
import { usePermissionStore } from '@/stores/permissionStore';
packages/ui/src/components/sections/agents/AgentsSidebar.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { Button } from '@/components/ui/button';
import { ButtonLarge } from '@/components/ui/button-large';
import { Input } from '@/components/ui/input';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
DialogContent,
packages/ui/src/components/sections/commands/CommandsPage.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Textarea } from '@/components/ui/textarea';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useCommandsStore, type CommandConfig, type CommandScope } from '@/stores/useCommandsStore';
import { RiCheckLine, RiInformationLine, RiSaveLine, RiTerminalBoxLine, RiUser3Line, RiFolderLine } from '@remixicon/react';
import { cn } from '@/lib/utils';
packages/ui/src/components/sections/commands/CommandsSidebar.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { Button } from '@/components/ui/button';
import { ButtonLarge } from '@/components/ui/button-large';
import { Input } from '@/components/ui/input';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
DialogContent,
packages/ui/src/components/sections/git-identities/GitIdentitiesPage.tsx
+1 -1
View File
@@ -1,7 +1,7 @@
import React from 'react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useGitIdentitiesStore, type GitIdentityProfile, type GitIdentityAuthType } from '@/stores/useGitIdentitiesStore';
import {
RiUser3Line,
packages/ui/src/components/sections/git-identities/GitIdentitiesSidebar.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import React from 'react';
import { Button } from '@/components/ui/button';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
DropdownMenu,
DropdownMenuContent,
packages/ui/src/components/sections/openchamber/AboutSettings.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { RiDiscordFill, RiDownloadLine, RiGithubFill, RiLoaderLine, RiRestartLin
import { useUpdateStore } from '@/stores/useUpdateStore';
import { UpdateDialog } from '@/components/ui/UpdateDialog';
import { useDeviceInfo } from '@/lib/device';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { cn } from '@/lib/utils';
import { reloadOpenCodeConfiguration } from '@/stores/useAgentsStore';
packages/ui/src/components/sections/openchamber/NotificationSettings.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { useUIStore } from '@/stores/useUIStore';
import { isWebRuntime } from '@/lib/desktop';
import { Switch } from '@/components/ui/switch';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
export const NotificationSettings: React.FC = () => {
const nativeNotificationsEnabled = useUIStore(state => state.nativeNotificationsEnabled);
packages/ui/src/components/sections/openchamber/SessionRetentionSettings.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { RiInformationLine } from '@remixicon/react';
import { NumberInput } from '@/components/ui/number-input';
import { ButtonSmall } from '@/components/ui/button-small';
packages/ui/src/components/sections/providers/ProvidersPage.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ import {
DropdownMenuItem,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { RiStackLine, RiToolsLine, RiBrainAi3Line, RiFileImageLine, RiArrowDownSLine, RiCheckLine, RiSearchLine } from '@remixicon/react';
import { reloadOpenCodeConfiguration } from '@/stores/useAgentsStore';
import { cn } from '@/lib/utils';
packages/ui/src/components/sections/skills/SkillsPage.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Textarea } from '@/components/ui/textarea';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useSkillsStore, type SkillConfig, type SkillScope, type SupportingFile, type PendingFile } from '@/stores/useSkillsStore';
import { RiAddLine, RiBookOpenLine, RiDeleteBinLine, RiFileLine, RiFolderLine, RiSaveLine, RiUser3Line } from '@remixicon/react';
import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
packages/ui/src/components/sections/skills/SkillsSidebar.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { Button } from '@/components/ui/button';
import { ButtonLarge } from '@/components/ui/button-large';
import { Input } from '@/components/ui/input';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
DialogContent,
packages/ui/src/components/sections/skills/catalog/AddCatalogDialog.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
packages/ui/src/components/sections/skills/catalog/InstallFromRepoDialog.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
packages/ui/src/components/sections/skills/catalog/InstallSkillDialog.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
packages/ui/src/components/session/DirectoryExplorerDialog.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ import { useDirectoryStore } from '@/stores/useDirectoryStore';
import { useProjectsStore } from '@/stores/useProjectsStore';
import { useFileSystemAccess } from '@/hooks/useFileSystemAccess';
import { cn, formatPathForDisplay } from '@/lib/utils';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
RiCheckboxBlankLine,
RiCheckboxLine,
packages/ui/src/components/session/SessionDialogs.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import React from 'react';
import { Button } from '@/components/ui/button';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
packages/ui/src/components/session/SessionSidebar.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import React from 'react';
import type { Session } from '@opencode-ai/sdk/v2';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
DndContext,
DragOverlay,
packages/ui/src/components/ui/AboutDialog.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ import { OpenChamberLogo } from '@/components/ui/OpenChamberLogo';
import { RiDiscordFill, RiGithubFill, RiTwitterXFill } from '@remixicon/react';
import { debugUtils } from '@/lib/debug';
import { cn } from '@/lib/utils';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
declare const __APP_VERSION__: string | undefined;
packages/ui/src/components/ui/index.ts
+2
View File
@@ -0,0 +1,2 @@
export { Toaster } from './sonner'
export { toast } from './toast'
packages/ui/src/components/ui/toast.ts
+53
View File
@@ -0,0 +1,53 @@
"use client"
import { toast as sonnerToast } from "sonner"
import type { ExternalToast } from "sonner"
const copyToClipboard = async (text: string) => {
try {
await navigator.clipboard.writeText(text)
} catch (err) {
console.error('Failed to copy to clipboard:', err)
}
}
// Wrapper to automatically add OK button to success and info toasts, Copy button to error and warning toasts
export const toast = {
...sonnerToast,
success: (message: string | React.ReactNode, data?: ExternalToast) => {
return sonnerToast.success(message, {
...data,
action: data?.action || {
label: 'OK',
onClick: () => {},
},
})
},
info: (message: string | React.ReactNode, data?: ExternalToast) => {
return sonnerToast.info(message, {
...data,
action: data?.action || {
label: 'OK',
onClick: () => {},
},
})
},
error: (message: string | React.ReactNode, data?: ExternalToast) => {
return sonnerToast.error(message, {
...data,
action: data?.action || {
label: 'Copy',
onClick: () => copyToClipboard(String(message)),
},
})
},
warning: (message: string | React.ReactNode, data?: ExternalToast) => {
return sonnerToast.warning(message, {
...data,
action: data?.action || {
label: 'Copy',
onClick: () => copyToClipboard(String(message)),
},
})
},
}
packages/ui/src/components/views/FilesView.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ import {
RiSendPlane2Line,
RiTextWrap,
} from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
import { Input } from '@/components/ui/input';
packages/ui/src/components/views/GitView.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ import {
} from '@/stores/useGitStore';
import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
import { RiGitBranchLine, RiLoader4Line } from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import {
Dialog,
DialogContent,
packages/ui/src/components/views/PierreDiffViewer.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
import { ensureFlexokiThemesRegistered } from '@/lib/shiki/registerFlexokiThemes';
import { flexokiThemeNames } from '@/lib/shiki/flexokiThemes';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { Textarea } from '@/components/ui/textarea';
import { useSessionStore } from '@/stores/useSessionStore';
import { useConfigStore } from '@/stores/useConfigStore';
packages/ui/src/components/views/agent-manager/AgentGroupDetail.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ import {
RiMore2Line,
RiFileCopyLine,
} from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { Button } from '@/components/ui/button';
import { cn } from '@/lib/utils';
import { ProviderLogo } from '@/components/ui/ProviderLogo';
packages/ui/src/components/views/agent-manager/AgentManagerEmptyState.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ import {
RiHourglassFill,
RiSendPlane2Line,
} from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { cn } from '@/lib/utils';
import { Input } from '@/components/ui/input';
import { Textarea } from '@/components/ui/textarea';
packages/ui/src/components/views/agent-manager/AgentManagerSidebar.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ import {
RiSearchLine,
RiGitBranchLine,
} from '@remixicon/react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
packages/ui/src/components/views/agent-manager/AgentManagerView.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { AgentManagerSidebar } from './AgentManagerSidebar';
import { AgentManagerEmptyState } from './AgentManagerEmptyState';
import { AgentGroupDetail } from './AgentGroupDetail';
packages/ui/src/hooks/useMenuActions.ts
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useSessionStore } from '@/stores/useSessionStore';
import { useUIStore } from '@/stores/useUIStore';
import { useProjectsStore } from '@/stores/useProjectsStore';
packages/ui/src/lib/worktreeSessionCreator.ts
+1 -1
View File
@@ -4,7 +4,7 @@
* menu actions, or other non-hook contexts.
*/
import { toast } from 'sonner';
import { toast } from '@/components/ui';
import { useSessionStore } from '@/stores/useSessionStore';
import { useProjectsStore } from '@/stores/useProjectsStore';
import { useConfigStore } from '@/stores/useConfigStore';