Philip Cesar Garay
70 lines
2.1 KiB
JavaScript
70 lines
2.1 KiB
JavaScript
/* eslint-disable react/display-name */
|
||
import React from "reactn";
|
||
import Page from "../../layouts/Page";
|
||
import { gutters, Palette, Style } from "../../styles";
|
||
import { background } from "../../assets";
|
||
import { Platform, Text, View } from "react-native";
|
||
import { responsiveHeight } from "react-native-responsive-dimensions";
|
||
import { BlurView } from "expo-blur";
|
||
import Switch from "../../components/Switch";
|
||
import { useState } from "react";
|
||
import { FONT_FAMILY } from "../../styles/Fonts";
|
||
|
||
export default (props) => {
|
||
const [isSwitch, setIsSwitch] = useState(false);
|
||
|
||
return (
|
||
<Page
|
||
headerType="NAVIGATE"
|
||
title="Paramètres"
|
||
backgroundImg={background.profileBG}
|
||
contentContainerStyle={{
|
||
paddingBottom: gutters * 4,
|
||
}}
|
||
containerStyle={{
|
||
backgroundColor: "#0000004D",
|
||
}}
|
||
>
|
||
<View style={{ flex: 1, marginTop: responsiveHeight(2) }}>
|
||
<BlurView
|
||
intensity={20}
|
||
style={{
|
||
gap: 12,
|
||
paddingVertical: 15,
|
||
paddingHorizontal: 20,
|
||
borderRadius: 20,
|
||
overflow: "hidden",
|
||
backgroundColor: Palette.glass,
|
||
}}
|
||
experimentalBlurMethod={
|
||
Platform.OS !== "ios" ? "dimezisBlurView" : "none"
|
||
}
|
||
>
|
||
<View style={Style.containerSpaceBetween}>
|
||
<Text
|
||
style={{
|
||
fontSize: 20,
|
||
color: Palette.white,
|
||
fontFamily: FONT_FAMILY.HelveticaNeueMedium,
|
||
}}
|
||
>
|
||
Notifications
|
||
</Text>
|
||
<Switch value={isSwitch} setValue={setIsSwitch} />
|
||
</View>
|
||
<Text
|
||
style={{
|
||
fontSize: 12,
|
||
color: Palette.white,
|
||
fontFamily: FONT_FAMILY.InterRegular,
|
||
}}
|
||
>
|
||
Nous t’encourageons à activer les notifications pour découvrir les
|
||
derniers classements, les nouveaux sons et les meilleurs playbacks.
|
||
</Text>
|
||
</BlurView>
|
||
</View>
|
||
</Page>
|
||
);
|
||
};
|