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,