继续收口浅色返回按钮

将统一创作页与多个浅色工作台返回入口切换为 PlatformBackActionButton
按页面保留 compact 与 regular 返回尺寸及禁用态
清理冗余 ArrowLeft 引用并完成对应页面定向验证
This commit is contained in:
2026-06-11 04:54:08 +08:00
parent 0d9259b762
commit ce13bdbb02
9 changed files with 47 additions and 84 deletions
@@ -1,4 +1,4 @@
import { ArrowLeft, Loader2, Send } from 'lucide-react';
import { Loader2, Send } from 'lucide-react';
import { useMemo, useState } from 'react';
import type {
@@ -7,6 +7,7 @@ import type {
} from '../../../../packages/shared/src/contracts/jumpHop';
import { jumpHopClient } from '../../../services/jump-hop/jumpHopClient';
import { PlatformActionButton } from '../../common/PlatformActionButton';
import { PlatformBackActionButton } from '../../common/PlatformBackActionButton';
import { PlatformFieldLabel } from '../../common/PlatformFieldLabel';
import { PlatformStatusMessage } from '../../common/PlatformStatusMessage';
import { PlatformTextField } from '../../common/PlatformTextField';
@@ -99,15 +100,12 @@ export function JumpHopCreationWorkspace({
>
{showBackButton ? (
<div className="mb-3 flex items-center justify-between gap-3">
<PlatformActionButton
<PlatformBackActionButton
onClick={onBack}
tone="ghost"
size="sm"
className="min-h-0 px-3 py-2"
>
<ArrowLeft className="h-4 w-4" />
返回
</PlatformActionButton>
disabled={isBusy}
variant="regular"
className="px-3"
/>
</div>
) : null}
@@ -1,4 +1,3 @@
import { ArrowLeft } from 'lucide-react';
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
import type { PuzzleAgentActionRequest } from '../../../../packages/shared/src/contracts/puzzleAgentActions';
@@ -19,6 +18,7 @@ import {
type CreativeImageInputReferenceImage,
} from '../../common/CreativeImageInputPanel';
import { PlatformActionButton } from '../../common/PlatformActionButton';
import { PlatformBackActionButton } from '../../common/PlatformBackActionButton';
import { PlatformMudPointConfirmDialog } from '../../common/PlatformMudPointConfirmDialog';
import { PlatformPillBadge } from '../../common/PlatformPillBadge';
import { SquareImageCropModal } from '../../common/SquareImageCropModal';
@@ -630,16 +630,11 @@ export function PuzzleCreationWorkspace({
>
{showBackButton ? (
<div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
<PlatformActionButton
<PlatformBackActionButton
onClick={onBack}
disabled={isBusy}
tone="ghost"
size="xs"
className="min-h-0 self-start gap-1.5 px-3 py-1.5 text-[11px]"
>
<ArrowLeft className="h-3.5 w-3.5" />
返回
</PlatformActionButton>
className="px-3"
/>
</div>
) : null}
@@ -1,4 +1,4 @@
import { ArrowLeft, Loader2, Plus, Send, X } from 'lucide-react';
import { Loader2, Plus, Send, X } from 'lucide-react';
import { useMemo, useState } from 'react';
import type {
@@ -20,6 +20,7 @@ import {
} from '../../common/creativeAudioProcessing';
import { CreativeImageInputPanel } from '../../common/CreativeImageInputPanel';
import { PlatformActionButton } from '../../common/PlatformActionButton';
import { PlatformBackActionButton } from '../../common/PlatformBackActionButton';
import { PlatformIconButton } from '../../common/PlatformIconButton';
import { PlatformStatusMessage } from '../../common/PlatformStatusMessage';
import { PlatformSubpanel } from '../../common/PlatformSubpanel';
@@ -190,15 +191,12 @@ export function WoodenFishCreationWorkspace({
>
{showBackButton ? (
<div className="mb-3 flex items-center justify-between gap-3">
<PlatformActionButton
<PlatformBackActionButton
onClick={onBack}
tone="ghost"
size="sm"
className="min-h-0 px-3 py-2"
>
<ArrowLeft className="h-4 w-4" />
返回
</PlatformActionButton>
disabled={isBusy || isSubmitting}
variant="regular"
className="px-3"
/>
</div>
) : null}