diff --git a/src/FLAD/assets/images/Background.png b/src/FLAD/assets/images/background_home.png
similarity index 100%
rename from src/FLAD/assets/images/Background.png
rename to src/FLAD/assets/images/background_home.png
diff --git a/src/FLAD/assets/sounds/Click.mp3 b/src/FLAD/assets/sounds/click_sound.mp3
similarity index 100%
rename from src/FLAD/assets/sounds/Click.mp3
rename to src/FLAD/assets/sounds/click_sound.mp3
diff --git a/src/FLAD/data/data.ts b/src/FLAD/data/data.ts
index a3b5819..570e4b2 100644
--- a/src/FLAD/data/data.ts
+++ b/src/FLAD/data/data.ts
@@ -1,8 +1,7 @@
import Music from "../model/Music";
import { Spot } from "../model/Spot";
-
-export const spotArray2: Spot[] = [
+export const spotsData: Spot[] = [
new Spot("1", new Music("6KNw3UKRp3QRsO7Cf4ASVE",
"MOLLY - A COLORS SHOW",
"Tame Impala",
diff --git a/src/FLAD/navigation/AuthNavigation.tsx b/src/FLAD/navigation/AuthNavigation.tsx
index 1a4b1a1..d41aa38 100644
--- a/src/FLAD/navigation/AuthNavigation.tsx
+++ b/src/FLAD/navigation/AuthNavigation.tsx
@@ -51,7 +51,7 @@ export default function AuthNavigation() {
{isLogin ? (
) :
-
+
}
)
diff --git a/src/FLAD/redux/reducers/appReducer.tsx b/src/FLAD/redux/reducers/appReducer.tsx
index 107dff6..57f795a 100644
--- a/src/FLAD/redux/reducers/appReducer.tsx
+++ b/src/FLAD/redux/reducers/appReducer.tsx
@@ -3,11 +3,19 @@ import { Spot } from "../../model/Spot";
import { discoveriesTypes } from "../types/discoverieTypes";
import { favoritesTypes } from "../types/favoritesTypes";
import { spotifyTypes } from "../types/spotifyTypes";
+import { spotsData } from '../../data/data';
import { spotTypes } from "../types/spotTypes";
+let tmpMusic: Music[] = [
+ new Music("03o8WSqd2K5rkGvn9IsLy2", "Autobahn", "Sch", "https://images.genius.com/83b6c98680d38bde1571f6b4093244b5.1000x1000x1.jpg", "https://p.scdn.co/mp3-preview/c55f95de81b8c3d0df04148da1b03bd38db56e8f?cid=774b29d4f13844c495f206cafdad9c86"),
+ new Music("6DPrYPPGYK218iVIZDix3i", "Freeze Raƫl", "Freeze Corleone", "https://intrld.com/wp-content/uploads/2020/08/freeze-corleone-la-menace-fanto%CC%82me.png", "https://p.scdn.co/mp3-preview/a9f9cb19ac1fe6db0d06b67decf8edbb25895a33?cid=774b29d4f13844c495f206cafdad9c86"),
+ new Music("5GFHFEASZeJF0gyWuDDjGE", "Kratos", "PNL", "https://upload.wikimedia.org/wikipedia/en/a/a0/PNL_-_Dans_la_l%C3%A9gende.png", "https://p.scdn.co/mp3-preview/9e854f4905c1228482e390169eb76d8520076b8f?cid=774b29d4f13844c495f206cafdad9c86"),
+];
+
+
const initialState = {
- spot: [] as Spot[],
- favoriteMusic: [] as Music[],
+ spot: spotsData,
+ favoriteMusic: tmpMusic,
userCurrentMusic: null
}
diff --git a/src/FLAD/screens/ConversationScreen.tsx b/src/FLAD/screens/ConversationScreen.tsx
index e9744fc..3ab39dd 100644
--- a/src/FLAD/screens/ConversationScreen.tsx
+++ b/src/FLAD/screens/ConversationScreen.tsx
@@ -28,7 +28,7 @@ export default function ConversationScreen() {
backgroundColor: style.body,
},
titleContainer: {
- marginTop: 30,
+ marginTop: 10,
marginLeft: 20,
},
title: {
@@ -40,7 +40,7 @@ export default function ConversationScreen() {
marginTop: 10,
fontSize: normalize(20),
color: '#787878',
- marginBottom: 20
+ marginBottom: 5
}
})
diff --git a/src/FLAD/screens/FavoriteScreen.tsx b/src/FLAD/screens/FavoriteScreen.tsx
index f6e55b7..23b050a 100644
--- a/src/FLAD/screens/FavoriteScreen.tsx
+++ b/src/FLAD/screens/FavoriteScreen.tsx
@@ -27,7 +27,7 @@ export default function FavoriteScreen() {
];
const navigueToDetail = (music: any) => {
// @ts-ignore
- navigation.navigate("MusicDetail", { "music": music })
+ navigation.navigate("Detail", { "music": music })
};
const styles = StyleSheet.create({
mainSafeArea: {
@@ -35,7 +35,7 @@ export default function FavoriteScreen() {
backgroundColor: style.body,
},
titleContainer: {
- marginTop: 30,
+ marginTop: 10,
marginLeft: 20,
},
title: {
@@ -47,7 +47,7 @@ export default function FavoriteScreen() {
marginTop: 10,
fontSize: normalize(20),
color: '#787878',
- marginBottom: 20
+ marginBottom: 5
},
button: {
marginTop: '10%',
diff --git a/src/FLAD/screens/RegisterScreen.tsx b/src/FLAD/screens/RegisterScreen.tsx
index 167c58d..d071753 100644
--- a/src/FLAD/screens/RegisterScreen.tsx
+++ b/src/FLAD/screens/RegisterScreen.tsx
@@ -38,7 +38,7 @@ export default function RegisterScreen() {
async function playSound() {
const { sound } = await Audio.Sound.createAsync(
- require('../assets/sounds/click.mp3')
+ require('../assets/sounds/click_sound.mp3')
);
setSound(sound);
await sound.playAsync();
@@ -105,7 +105,7 @@ export default function RegisterScreen() {
return (
-
+
v2.0
diff --git a/src/FLAD/screens/SpotScreen.tsx b/src/FLAD/screens/SpotScreen.tsx
index 6cf0851..3dfaa21 100644
--- a/src/FLAD/screens/SpotScreen.tsx
+++ b/src/FLAD/screens/SpotScreen.tsx
@@ -1,10 +1,9 @@
import { View, Text, Dimensions, StyleSheet, ImageBackground, Image, Pressable, TouchableOpacity, SafeAreaView } from 'react-native'
-import React, { useCallback,useEffect, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
import { LinearGradient } from 'expo-linear-gradient';
import * as Haptics from 'expo-haptics';
import Animated from 'react-native-reanimated';
import Card from '../components/Card';
-import { cards as cardArray, spotArray2 } from '../data/data'
import AdjustSize from '../components/AdjustSize';
import normalize from '../components/Normalize';
import LottieView from 'lottie-react-native'
@@ -16,12 +15,13 @@ import { addFavoritesMusic } from '../redux/actions/appActions';
import { useDispatch, useSelector } from 'react-redux';
import { Spot } from '../model/Spot';
import { removeFromSpotList, setSpotList } from '../redux/actions/spotActions';
+import { spotsData } from '../data/data';
export default function SpotScreen() {
//@ts-ignore
const spotReducer = useSelector(state => state.appReducer.spot)
+
const [cards, setCards] = useState(spotReducer);
-
const [currentCard, setcurrentCard] = useState(cards[cards.length - 1]);
useEffect(() => {
setCards(spotReducer);
@@ -31,15 +31,12 @@ export default function SpotScreen() {
const onSwipe = (direction: 'left' | 'right' | 'down') => {
if (direction === 'right') {
- // Swiped right
addLike(currentCard);
} else if (direction === 'left') {
- // Swiped left
console.log('Swiped left');
removeSpots(currentCard);
}
else if (direction === 'down') {
- // Swiped down
addMockSpots();
console.log('Swiped down');
}
@@ -51,9 +48,9 @@ export default function SpotScreen() {
likeButtonref.current?.play(0, 55);
likeButtonref.current?.play(55, 0);
}, [])
-
+
const dispatch = useDispatch();
-
+
function addLike(spot: Spot) {
onLike();
dispatch(addFavoritesMusic(spot.music))
@@ -65,18 +62,16 @@ export default function SpotScreen() {
function addMockSpots() {
//@ts-ignore
- dispatch(setSpotList(spotArray2))
+ dispatch(setSpotList(spotsData))
}
-
-
const navigator = useNavigation();
const { width: wWidht } = Dimensions.get("window");
const hapti = (card: Spot) => {
Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)
// @ts-ignore
- navigator.navigate("DetailsSpot", { "music": card.music })
+ navigator.navigate("Detail", { "music": card.music })
};
return (
@@ -139,10 +134,10 @@ export default function SpotScreen() {
onSwipe('left')}>
-
+
onSwipe('down')}>
-
+
onSwipe('right')}>
@@ -166,6 +161,7 @@ export default function SpotScreen() {
);
};
+
const styles = StyleSheet.create({
mainSafeArea: {
flex: 1,