fix: cover image logo
This commit is contained in:
@@ -11,7 +11,7 @@ import {
|
||||
View,
|
||||
} from "react-native";
|
||||
import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
|
||||
import { background, icons } from "../../assets";
|
||||
import { icons } from "../../assets";
|
||||
import alert from "../../components/Alert";
|
||||
import AppCheckbox from "../../components/AppCheckbox";
|
||||
import BorderGradientButton from "../../components/BorderGradientButton";
|
||||
@@ -52,7 +52,9 @@ const PouchReady = () => {
|
||||
if (!coverOptions.length) {
|
||||
return null;
|
||||
}
|
||||
const found = coverOptions.find((option) => option?.id === selectedOptionId);
|
||||
const found = coverOptions.find(
|
||||
(option) => option?.id === selectedOptionId
|
||||
);
|
||||
return found || coverOptions[0] || null;
|
||||
}, [coverOptions, selectedOptionId]);
|
||||
const coverBackgroundMessage = isWeb
|
||||
@@ -136,16 +138,7 @@ const PouchReady = () => {
|
||||
]);
|
||||
return;
|
||||
}
|
||||
alert("Attention", "Générer une pochette ?", [
|
||||
{
|
||||
text: "Annuler",
|
||||
style: "cancel",
|
||||
},
|
||||
{
|
||||
text: "Oui",
|
||||
onPress: () => generateCover(trimmedStyle),
|
||||
},
|
||||
]);
|
||||
generateCover(trimmedStyle);
|
||||
}, [customStyle, generateCover, selectedPresetStyle, styleMode]);
|
||||
|
||||
const coverPreviewUrl =
|
||||
@@ -247,8 +240,9 @@ const PouchReady = () => {
|
||||
text: "Continuer avec John",
|
||||
onPress: () => {
|
||||
const targetRoute = playbackStage?.route || Routes.Playback;
|
||||
const params =
|
||||
playbackStage?.params || { project: projectForStage };
|
||||
const params = playbackStage?.params || {
|
||||
project: projectForStage,
|
||||
};
|
||||
navigate(targetRoute, params);
|
||||
},
|
||||
},
|
||||
@@ -279,7 +273,7 @@ const PouchReady = () => {
|
||||
(hasGeneratedOptions ? !selectedOption || isSelecting : true);
|
||||
|
||||
return (
|
||||
<Page backgroundImg={background.studioBG2} headerType="NONE">
|
||||
<Page backgroundColor={"#2A2E33"} headerType="NONE">
|
||||
<MusicLandHeader onPressBack={goBack} progress={72} />
|
||||
<View style={{ flex: 1, marginTop: 0 }}>
|
||||
<CreateLyricsHeader
|
||||
@@ -461,21 +455,27 @@ const PouchReady = () => {
|
||||
style={styles.dropdownTrigger}
|
||||
onPress={() => setIsPresetDropdownOpen((prev) => !prev)}
|
||||
>
|
||||
<Text style={styles.dropdownTriggerLabel} numberOfLines={2}>
|
||||
<Text
|
||||
style={styles.dropdownTriggerLabel}
|
||||
numberOfLines={2}
|
||||
>
|
||||
{selectedPresetStyle}
|
||||
</Text>
|
||||
<Image
|
||||
source={icons.chevronDown}
|
||||
style={[
|
||||
styles.dropdownArrow,
|
||||
isPresetDropdownOpen ? styles.dropdownArrowOpen : null,
|
||||
isPresetDropdownOpen
|
||||
? styles.dropdownArrowOpen
|
||||
: null,
|
||||
]}
|
||||
/>
|
||||
</Pressable>
|
||||
{isPresetDropdownOpen && (
|
||||
<View style={styles.dropdownList}>
|
||||
{COVER_STYLE_PRESETS.map((styleOption, index) => {
|
||||
const isActive = selectedPresetStyle === styleOption;
|
||||
const isActive =
|
||||
selectedPresetStyle === styleOption;
|
||||
const isLast =
|
||||
index === COVER_STYLE_PRESETS.length - 1;
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user