julienfroidefond/workshop-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: display evolution indicators inline (flex-row) next to emoji instead of below

Browse Source
This commit is contained in:
Julien Froidefond
2026-02-24 17:17:45 +01:00
parent 51bc187374
commit 30c2b6cc1e
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/weather/WeatherCard.tsx
View File

@@ -145,20 +145,20 @@ export function WeatherCard({ sessionId, currentUserId, entry, canEdit, previous
{/* Performance */} {/* Performance */}
<td className="w-24 px-2 py-3"> <td className="w-24 px-2 py-3">
{canEditThis ? ( {canEditThis ? (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<Select <Select
value={performanceEmoji || ''} value={performanceEmoji || ''}
onChange={(e) => handleEmojiChange('performance', e.target.value || null)} onChange={(e) => handleEmojiChange('performance', e.target.value || null)}
options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))} options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))}
size="sm" size="sm"
wrapperClassName="!w-fit mx-auto" wrapperClassName="!w-fit"
className="!w-16 min-w-16 text-center text-lg py-2.5" className="!w-16 min-w-16 text-center text-lg py-2.5"
/> />
<EvolutionIndicator current={performanceEmoji} previous={previousEntry?.performanceEmoji ?? null} /> <EvolutionIndicator current={performanceEmoji} previous={previousEntry?.performanceEmoji ?? null} />
</div> </div>
) : ( ) : (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<div className="text-2xl text-center">{performanceEmoji || '-'}</div> <span className="text-2xl">{performanceEmoji || '-'}</span>
<EvolutionIndicator current={performanceEmoji} previous={previousEntry?.performanceEmoji ?? null} /> <EvolutionIndicator current={performanceEmoji} previous={previousEntry?.performanceEmoji ?? null} />
</div> </div>
)} )}
@@ -167,20 +167,20 @@ export function WeatherCard({ sessionId, currentUserId, entry, canEdit, previous
{/* Moral */} {/* Moral */}
<td className="w-24 px-2 py-3"> <td className="w-24 px-2 py-3">
{canEditThis ? ( {canEditThis ? (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<Select <Select
value={moralEmoji || ''} value={moralEmoji || ''}
onChange={(e) => handleEmojiChange('moral', e.target.value || null)} onChange={(e) => handleEmojiChange('moral', e.target.value || null)}
options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))} options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))}
size="sm" size="sm"
wrapperClassName="!w-fit mx-auto" wrapperClassName="!w-fit"
className="!w-16 min-w-16 text-center text-lg py-2.5" className="!w-16 min-w-16 text-center text-lg py-2.5"
/> />
<EvolutionIndicator current={moralEmoji} previous={previousEntry?.moralEmoji ?? null} /> <EvolutionIndicator current={moralEmoji} previous={previousEntry?.moralEmoji ?? null} />
</div> </div>
) : ( ) : (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<div className="text-2xl text-center">{moralEmoji || '-'}</div> <span className="text-2xl">{moralEmoji || '-'}</span>
<EvolutionIndicator current={moralEmoji} previous={previousEntry?.moralEmoji ?? null} /> <EvolutionIndicator current={moralEmoji} previous={previousEntry?.moralEmoji ?? null} />
</div> </div>
)} )}
@@ -189,20 +189,20 @@ export function WeatherCard({ sessionId, currentUserId, entry, canEdit, previous
{/* Flux */} {/* Flux */}
<td className="w-24 px-2 py-3"> <td className="w-24 px-2 py-3">
{canEditThis ? ( {canEditThis ? (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<Select <Select
value={fluxEmoji || ''} value={fluxEmoji || ''}
onChange={(e) => handleEmojiChange('flux', e.target.value || null)} onChange={(e) => handleEmojiChange('flux', e.target.value || null)}
options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))} options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))}
size="sm" size="sm"
wrapperClassName="!w-fit mx-auto" wrapperClassName="!w-fit"
className="!w-16 min-w-16 text-center text-lg py-2.5" className="!w-16 min-w-16 text-center text-lg py-2.5"
/> />
<EvolutionIndicator current={fluxEmoji} previous={previousEntry?.fluxEmoji ?? null} /> <EvolutionIndicator current={fluxEmoji} previous={previousEntry?.fluxEmoji ?? null} />
</div> </div>
) : ( ) : (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<div className="text-2xl text-center">{fluxEmoji || '-'}</div> <span className="text-2xl">{fluxEmoji || '-'}</span>
<EvolutionIndicator current={fluxEmoji} previous={previousEntry?.fluxEmoji ?? null} /> <EvolutionIndicator current={fluxEmoji} previous={previousEntry?.fluxEmoji ?? null} />
</div> </div>
)} )}
@@ -211,20 +211,20 @@ export function WeatherCard({ sessionId, currentUserId, entry, canEdit, previous
{/* Création de valeur */} {/* Création de valeur */}
<td className="w-24 px-2 py-3"> <td className="w-24 px-2 py-3">
{canEditThis ? ( {canEditThis ? (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<Select <Select
value={valueCreationEmoji || ''} value={valueCreationEmoji || ''}
onChange={(e) => handleEmojiChange('valueCreation', e.target.value || null)} onChange={(e) => handleEmojiChange('valueCreation', e.target.value || null)}
options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))} options={WEATHER_EMOJIS.map(({ emoji }) => ({ value: emoji, label: emoji }))}
size="sm" size="sm"
wrapperClassName="!w-fit mx-auto" wrapperClassName="!w-fit"
className="!w-16 min-w-16 text-center text-lg py-2.5" className="!w-16 min-w-16 text-center text-lg py-2.5"
/> />
<EvolutionIndicator current={valueCreationEmoji} previous={previousEntry?.valueCreationEmoji ?? null} /> <EvolutionIndicator current={valueCreationEmoji} previous={previousEntry?.valueCreationEmoji ?? null} />
</div> </div>
) : ( ) : (
<div className="flex flex-col items-center gap-1"> <div className="flex items-center justify-center gap-1">
<div className="text-2xl text-center">{valueCreationEmoji || '-'}</div> <span className="text-2xl">{valueCreationEmoji || '-'}</span>
<EvolutionIndicator current={valueCreationEmoji} previous={previousEntry?.valueCreationEmoji ?? null} /> <EvolutionIndicator current={valueCreationEmoji} previous={previousEntry?.valueCreationEmoji ?? null} />
</div> </div>
)} )}