design: make I'm not sure a first-class full-width card tile inside the product-type selection grid
This commit is contained in:
@@ -141,6 +141,12 @@ const ARCHETYPES = [
|
||||
label: "Blog / Publication",
|
||||
desc: "Newsletters, articles, content hubs",
|
||||
},
|
||||
{
|
||||
id: "not_sure",
|
||||
label: "I'm not sure",
|
||||
desc: "Let Vibn help you decide based on your description",
|
||||
fullWidth: true,
|
||||
},
|
||||
];
|
||||
|
||||
function EntrepType({ value, onChange }) {
|
||||
@@ -156,6 +162,7 @@ function EntrepType({ value, onChange }) {
|
||||
label: a.label,
|
||||
desc: a.desc,
|
||||
icon: undefined,
|
||||
fullWidth: a.fullWidth,
|
||||
}))}
|
||||
value={value}
|
||||
onChange={onChange}
|
||||
@@ -370,10 +377,6 @@ export function EntrepreneurPath({
|
||||
/>
|
||||
);
|
||||
canNext = !!data.productType;
|
||||
onSkip = () => {
|
||||
onUpdate({ productType: "not_sure" });
|
||||
next();
|
||||
};
|
||||
} else if (step === 1) {
|
||||
body = (
|
||||
<EntrepIdea
|
||||
|
||||
@@ -344,6 +344,7 @@ export function PresetGroup({
|
||||
label?: React.ReactNode;
|
||||
desc?: React.ReactNode;
|
||||
icon?: React.ReactNode;
|
||||
fullWidth?: boolean;
|
||||
}>;
|
||||
value?: string;
|
||||
onChange?: (id: string) => void;
|
||||
@@ -381,6 +382,7 @@ export function PresetGroup({
|
||||
display: "flex",
|
||||
alignItems: "flex-start",
|
||||
gap: 12,
|
||||
gridColumn: opt.fullWidth ? "1 / -1" : "auto",
|
||||
}}
|
||||
>
|
||||
{opt.icon && (
|
||||
|
||||
Reference in New Issue
Block a user