Skip to content

feat: optional image upload for totems and categories via Pinata IPFS #216

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Dev-Moulin merged 1 commit into from
Feb 12, 2026
Merged

feat: optional image upload for totems and categories via Pinata IPFS #216

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion apps/web/src/components/founder/FounderCenterPanel.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,7 +333,7 @@ export function FounderCenterPanel({
</div>
) : allTotems.length > 0 ? (
<GooeySwitch
options={allTotems.map(t => ({ id: t.id, label: t.label, category: t.category }))}
options={allTotems.map(t => ({ id: t.id, label: t.label, category: t.category, image: t.image }))}
value={selectedTotemId || ''}
onChange={(id) => {
const totem = allTotems.find(t => t.id === id);
Expand All @@ -348,6 +348,7 @@ export function FounderCenterPanel({
return (
<TotemCard
label={option.label}
image={option.image as string | undefined}
category={option.category as string}
isSelected={isSelected}
index={index}
Expand Down
24 changes: 16 additions & 8 deletions apps/web/src/components/founder/FounderCenterPanel/TotemCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,8 @@ export interface UserPositionData {
export interface TotemCardProps {
/** Totem label */
label: string;
/** Totem image URL */
image?: string;
/** Totem category */
category?: string;
/** Whether this totem is selected */
Expand All @@ -43,6 +45,7 @@ export interface TotemCardProps {

export function TotemCard({
label,
image,
category,
isSelected,
index,
Expand Down Expand Up @@ -76,14 +79,19 @@ export function TotemCard({
? 'bg-slate-500/30 ring-1 ring-slate-500/50 animate-ring-pulse'
: `bg-white/5 hover:bg-white/10 ${cascadeClass}`
}`}>
{/* Header: Totem name + Category */}
<div className="flex items-start justify-between gap-1">
<span className={`text-sm font-medium truncate flex-1 ${isSelected ? 'text-white' : 'text-white/80'}`}>
{label}
</span>
<span className="text-xs text-white/40 truncate max-w-[60px]">
{category || ''}
</span>
{/* Header: Image + Totem name + Category */}
<div className="flex items-start gap-1.5">
{image && (
<img src={image} alt="" className="w-6 h-6 rounded-md object-cover border border-white/20 shrink-0 mt-0.5" />
)}
<div className="flex items-start justify-between gap-1 flex-1 min-w-0">
<span className={`text-sm font-medium truncate flex-1 ${isSelected ? 'text-white' : 'text-white/80'}`}>
{label}
</span>
<span className="text-xs text-white/40 truncate max-w-[60px]">
{category || ''}
</span>
</div>
</div>

{/* User position (only if connected) */}
Expand Down
Loading