Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-11 17:26:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Add empty state message for music step when Jamendo not configured

Browse Source
This commit is contained in:
Michael committed 2026-01-22 12:17:50 +01:00
1 parent 4903aa5555
commit c6ecb195ef
1 file changed
+30 -11
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/new-reel.tsx
+30 -11
View File
@@ -346,13 +346,13 @@ export default function NewReel() {
else if (step === 'publish' && canProceedToPublish) setCurrentStep(step);
}}
className={`flex items-center gap-2 px-4 py-2 rounded-full transition-all ${currentStep === step
? 'bg-primary text-primary-foreground'
: step === 'video' ||
(step === 'music' && canProceedToMusic) ||
(step === 'text' && canProceedToText) ||
(step === 'publish' && canProceedToPublish)
? 'bg-muted hover:bg-accent cursor-pointer'
: 'bg-muted/50 text-muted-foreground cursor-not-allowed'
? 'bg-primary text-primary-foreground'
: step === 'video' ||
(step === 'music' && canProceedToMusic) ||
(step === 'text' && canProceedToText) ||
(step === 'publish' && canProceedToPublish)
? 'bg-muted hover:bg-accent cursor-pointer'
: 'bg-muted/50 text-muted-foreground cursor-not-allowed'
}`}
>
{step === 'video' && <Video className="w-4 h-4" />}
@@ -430,8 +430,8 @@ export default function NewReel() {
key={media.id}
onClick={() => handleSelectVideo(media)}
className={`relative aspect-video rounded-lg overflow-hidden border-2 transition-all ${selectedVideoId === media.id
? 'border-primary ring-2 ring-primary'
: 'border-transparent hover:border-muted-foreground'
? 'border-primary ring-2 ring-primary'
: 'border-transparent hover:border-muted-foreground'
}`}
>
<video
@@ -486,13 +486,32 @@ export default function NewReel() {
) : (
<>
<div className="space-y-2">
{(!musicData?.tracks || musicData.tracks.length === 0) && (
<div className="text-center py-8 border-2 border-dashed border-border rounded-lg">
<Music className="w-12 h-12 mx-auto text-muted-foreground mb-4" />
<p className="text-muted-foreground mb-2">
Aucune musique disponible
</p>
<p className="text-xs text-muted-foreground mb-4">
Configurez un Client ID Jamendo dans les Paramètres
</p>
<a
href="https://developer.jamendo.com/v3.0"
target="_blank"
rel="noopener noreferrer"
className="text-sm text-primary hover:underline"
>
Obtenir un Client ID Jamendo →
</a>
</div>
)}
{musicData?.tracks?.map((track) => (
<div
key={track.id}
onClick={() => handleSelectTrack(track)}
className={`flex items-center gap-3 p-3 rounded-lg cursor-pointer transition-all ${selectedTrack?.id === track.id
? 'bg-primary/10 border border-primary'
: 'bg-muted/50 hover:bg-muted'
? 'bg-primary/10 border border-primary'
: 'bg-muted/50 hover:bg-muted'
}`}
>
<button