move static data
This commit is contained in:
@@ -172,22 +172,26 @@ export default function SponsorWorkflowMockup() {
|
||||
transition={{ duration: 0.3 }}
|
||||
className="mt-8 pt-6 border-t border-charcoal-outline"
|
||||
>
|
||||
<div className="flex items-center justify-center gap-3">
|
||||
<div className={`w-8 h-8 rounded-lg bg-iron-gray flex items-center justify-center`}>
|
||||
{(() => {
|
||||
const Icon = WORKFLOW_STEPS[activeStep].icon;
|
||||
return <Icon className={`w-4 h-4 ${WORKFLOW_STEPS[activeStep].color}`} />;
|
||||
})()}
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="text-sm text-gray-400">
|
||||
Step {activeStep + 1} of {WORKFLOW_STEPS.length}
|
||||
</p>
|
||||
<p className="text-white font-medium">
|
||||
{WORKFLOW_STEPS[activeStep].title}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{(() => {
|
||||
const currentStep = WORKFLOW_STEPS[activeStep] ?? WORKFLOW_STEPS[0];
|
||||
if (!currentStep) return null;
|
||||
|
||||
const Icon = currentStep.icon;
|
||||
|
||||
return (
|
||||
<div className="flex items-center justify-center gap-3">
|
||||
<div className="w-8 h-8 rounded-lg bg-iron-gray flex items-center justify-center">
|
||||
<Icon className={`w-4 h-4 ${currentStep.color}`} />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="text-sm text-gray-400">
|
||||
Step {activeStep + 1} of {WORKFLOW_STEPS.length}
|
||||
</p>
|
||||
<p className="text-white font-medium">{currentStep.title}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})()}
|
||||
</motion.div>
|
||||
</AnimatePresence>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user