127 lines
4.5 KiB
JavaScript
127 lines
4.5 KiB
JavaScript
import React from "react";
|
||
import { ScrollView, StyleSheet } from "react-native";
|
||
|
||
import { LinearGradient } from "expo-linear-gradient";
|
||
import { Block, Button, Text, theme } from "galio-framework";
|
||
|
||
import argonTheme from "../constants/Theme";
|
||
|
||
export default class Privacy extends React.Component {
|
||
render() {
|
||
return (
|
||
<Block flex>
|
||
<ScrollView
|
||
overScrollMode="always"
|
||
showsVerticalScrollIndicator={false}
|
||
contentContainerStyle={styles.privacy}
|
||
>
|
||
<Text style={{ fontFamily: 'open-sans-bold' }} size={16} color={argonTheme.COLORS.TEXT}>
|
||
In recent months, Facebook, Google, IBM, Microsoft and others have
|
||
aggressively lobbied officials in the Trump administration and
|
||
elsewhere to start outlining a federal privacy law, according to
|
||
administration officials and the companies. The law would have a
|
||
dual purpose, they said: It would overrule the California law and
|
||
instead put into place a kinder set of rules that would give the
|
||
companies wide leeway over how personal digital information was
|
||
handled.
|
||
</Text>
|
||
<Text
|
||
style={{ fontFamily: 'open-sans-regular' }}
|
||
size={16}
|
||
color={argonTheme.COLORS.TEXT}
|
||
style={{ paddingTop: 9 }}
|
||
>
|
||
“We are committed to being part of the process and a constructive
|
||
part of the process,” said Dean Garfield, president of a leading
|
||
tech industry lobbying group, the Information Technology Industry
|
||
Council, which is working on proposals for the federal law. “The
|
||
best way is to work toward developing our own blueprint.”
|
||
</Text>
|
||
<Text
|
||
style={{ fontFamily: 'open-sans-regular' }}
|
||
size={16}
|
||
color={argonTheme.COLORS.TEXT}
|
||
style={{ paddingTop: 9 }}
|
||
>
|
||
The efforts could set up a big fight with consumer and privacy
|
||
groups, especially as companies like Facebook face scrutiny for
|
||
mishandling users’ personal data. Many of the internet companies
|
||
depend on the collection and analysis of such data to help them
|
||
target the online ads that generate the bulk of their revenue.
|
||
</Text>
|
||
|
||
<Text
|
||
style={{ fontFamily: 'open-sans-regular' }}
|
||
size={16}
|
||
color={argonTheme.COLORS.TEXT}
|
||
style={{ paddingTop: 9 }}
|
||
>
|
||
At a board meeting for the Information Technology Industry Council
|
||
in May, Joel Kaplan, Facebook’s top lobbyist, warned that an early
|
||
proposal for privacy in California posed a threat to the industry
|
||
and that the trade group needed to make the issue of privacy a
|
||
priority, according to two people briefed on the meeting, who were
|
||
not authorized to speak publicly.
|
||
</Text>
|
||
</ScrollView>
|
||
<Block flex row space="between" style={styles.buttonsWrapper}>
|
||
<Button
|
||
color={argonTheme.COLORS.PRIMARY}
|
||
style={styles.privacyButton}
|
||
>
|
||
<Text style={{ fontFamily: 'open-sans-bold' }} size={16} color={argonTheme.COLORS.WHITE}>
|
||
ACCEPT
|
||
</Text>
|
||
</Button>
|
||
<Button
|
||
color={argonTheme.COLORS.SECONDARY}
|
||
textStyle={{ color: theme.COLORS.MUTED }}
|
||
style={styles.privacyButton}
|
||
>
|
||
<Text style={{ fontFamily: 'open-sans-bold' }} size={16} color={argonTheme.COLORS.MUTED}>
|
||
DECLINE
|
||
</Text>
|
||
</Button>
|
||
</Block>
|
||
<LinearGradient
|
||
colors={["rgba(255,255,255,0)", "rgba(255,255,255,1)"]}
|
||
style={styles.gradient}
|
||
/>
|
||
</Block>
|
||
);
|
||
}
|
||
}
|
||
|
||
const styles = StyleSheet.create({
|
||
privacy: {
|
||
padding: theme.SIZES.BASE,
|
||
paddingBottom: theme.SIZES.BASE * 5
|
||
},
|
||
buttonsWrapper: {
|
||
zIndex: 2,
|
||
position: "absolute",
|
||
left: 0,
|
||
right: 0,
|
||
bottom: 0,
|
||
paddingHorizontal: theme.SIZES.BASE,
|
||
paddingVertical: theme.SIZES.BASE * 1.75
|
||
},
|
||
privacyButton: {
|
||
width: "48%",
|
||
height: theme.SIZES.BASE * 3,
|
||
alignItems: "center",
|
||
shadowColor: "rgba(0, 0, 0, 0.2)",
|
||
shadowOffset: { width: 0, height: 4 },
|
||
shadowRadius: 8,
|
||
shadowOpacity: 1
|
||
},
|
||
gradient: {
|
||
zIndex: 1,
|
||
position: "absolute",
|
||
bottom: 0,
|
||
left: 0,
|
||
right: 0,
|
||
height: "30%"
|
||
}
|
||
});
|