diff --git a/src/screens/cover/PouchReady.js b/src/screens/cover/PouchReady.js index 52b6a1f..0d1a73f 100644 --- a/src/screens/cover/PouchReady.js +++ b/src/screens/cover/PouchReady.js @@ -203,6 +203,7 @@ const PouchReady = () => { : [] const isCoverLoading = isGenerating && !hasGeneratedOptions && !coverPreviewUrl const coverProgressValue = Math.max(0, Math.min(100, Math.round(coverProgress))) + const isGenerationStartPending = isAwaitingGenerationStart && !isGenerating useEffect(() => { const clearProgressInterval = () => { @@ -617,14 +618,28 @@ const PouchReady = () => { {isEditing ? ( + {isGenerationStartPending && ( + + + + Lancement de la génération de ta pochette... + + + )} setIsEditing(false)} - disabled={isGenerating} + disabled={isGenerating || isGenerationStartPending} style={{ alignSelf: 'center', padding: 8 }} > @@ -633,12 +648,28 @@ const PouchReady = () => { ) : !hasGeneratedOptions ? ( - + + + {isGenerationStartPending && ( + + + + Lancement de la génération de ta pochette... + + + )} + ) : ( <> @@ -646,13 +677,13 @@ const PouchReady = () => { setIsEditing(true)} - disabled={isGenerating} + disabled={isGenerating || isGenerationStartPending} textStyle={{ fontSize: 13 }} /> @@ -867,6 +898,19 @@ const styles = StyleSheet.create({ coverProgressBar: { width: '100%', }, + generationPendingRow: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + gap: 8, + }, + generationPendingLabel: { + color: Palette.white, + fontSize: 13, + fontFamily: FONT_FAMILY.InterRegular, + textAlign: 'center', + opacity: 0.9, + }, customInputWrapper: { alignSelf: 'stretch', borderRadius: 18,