admin/PromptArch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve t variable scope issue in class components

Browse Source
This commit is contained in:
Gemini AI
2025-12-29 13:06:37 +04:00
Unverified
parent 3c0dbf574a
commit 66b31b567b
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/AIAssist.tsx
View File

@@ -51,13 +51,13 @@ class CanvasErrorBoundary extends React.Component<{ children: React.ReactNode },
return ( return (
<div className="h-full flex flex-col items-center justify-center bg-[#0b1414] p-8 text-center rounded-b-2xl"> <div className="h-full flex flex-col items-center justify-center bg-[#0b1414] p-8 text-center rounded-b-2xl">
<StopCircle className="h-10 w-10 text-red-500/40 mb-4" /> <StopCircle className="h-10 w-10 text-red-500/40 mb-4" />
<h4 className="text-xs font-black uppercase tracking-widest text-red-400 mb-2">{t.canvasCrashed}</h4> <h4 className="text-xs font-black uppercase tracking-widest text-red-400 mb-2">Canvas Crashed</h4>
<p className="text-[10px] font-mono text-slate-500 max-w-xs">{this.state.error}</p> <p className="text-[10px] font-mono text-slate-500 max-w-xs">{this.state.error}</p>
<button <button
onClick={() => this.setState({ hasError: false, error: null })} onClick={() => this.setState({ hasError: false, error: null })}
className="mt-4 px-3 py-1.5 text-[9px] font-black uppercase tracking-widest text-blue-400 border border-blue-500/30 rounded-xl hover:bg-blue-500/10 transition-colors" className="mt-4 px-3 py-1.5 text-[9px] font-black uppercase tracking-widest text-blue-400 border border-blue-500/30 rounded-xl hover:bg-blue-500/10 transition-colors"
> >
{t.tryAgain} Try Again
</button> </button>
</div> </div>
); );
@@ -67,7 +67,13 @@ class CanvasErrorBoundary extends React.Component<{ children: React.ReactNode },
} }
const BuildingArtifact = ({ type }: { type: string }) => { const BuildingArtifact = ({ type }: { type: string }) => {
const [progress, setProgress] = useState(0); const [progress, setProgress] = useState(0);
const steps = t.thinkingSteps; const steps = [
"Initializing neural links...",
"Scaffolding architecture...",
"Writing logic blocks...",
"Injecting dynamic modules...",
"Finalizing interactive layers..."
];
const [currentStep, setCurrentStep] = useState(0); const [currentStep, setCurrentStep] = useState(0);
useEffect(() => { useEffect(() => {
@@ -87,7 +93,7 @@ const BuildingArtifact = ({ type }: { type: string }) => {
</div> </div>
<h3 className="text-2xl font-black uppercase tracking-[0.3em] mb-4 text-white drop-shadow-lg"> <h3 className="text-2xl font-black uppercase tracking-[0.3em] mb-4 text-white drop-shadow-lg">
{t.building} <span className="text-blue-500">{type}</span> Building <span className="text-blue-500">{type}</span>
</h3> </h3>
<div className="w-full max-w-sm h-1.5 bg-slate-800/50 rounded-full overflow-hidden mb-10 backdrop-blur-sm border border-white/5"> <div className="w-full max-w-sm h-1.5 bg-slate-800/50 rounded-full overflow-hidden mb-10 backdrop-blur-sm border border-white/5">