Merge commit '8839a8979af4fad6feac39715c8972497d43dd75' of github.com:StoDevX/AAO-React-Native into v2.0.0-RC2

Author: elijahverdoorn

data/images/streaming/ksto/ksto-logo.png

@@ -2,6 +2,10 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+	<key>LSApplicationQueriesSchemes</key>
+	<array>
+		<string>KSTORadio</string>
+	</array>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleExecutable</key>
@@ -18,6 +22,19 @@
 	<string>1.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
+	<key>CFBundleURLTypes</key>
+	<array>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Editor</string>
+			<key>CFBundleURLName</key>
+			<string>NFMTHAZVS9.com.drewvolz.stolaf</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>AllAboutOlaf</string>
+			</array>
+		</dict>
+	</array>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>LSRequiresIPhoneOS</key>

ios/AllAboutOlaf/Info.plist

@@ -31,6 +31,14 @@ export const theLatest = '#00BFFF'
 export const olevilleGold = '#F7B600'
 export const olevilleBackground = '#F0F0E1'
 
+// MARK: KSTO Colors
+export const kstoPrimaryLight = '#c5c5e8'
+export const kstoSecondaryLight = '#7789bb'
+export const kstoPrimaryDark = '#686ea1'
+export const kstoSecondaryDark = '#4c4f71'
+export const kstoTextLight = '#dcdde5'
+export const kstoTextDark = '#bebad4'
+
 // MARK: System Colors
 export const infoBlue = 'rgb(47, 112, 225)'
 export const success = 'rgb(83, 215, 106)'

views/components/colors.js

@@ -8,27 +8,75 @@ import React from 'react'
 import {
   StyleSheet,
   View,
-  WebView,
+  Text,
+  Linking,
+  Platform,
+  Dimensions,
+  Image,
 } from 'react-native'
+import Button from 'react-native-button'
+import * as c from '../components/colors'
 
-// let kstoDownload = 'itms://itunes.apple.com/us/app/ksto/id953916647'
-
-const url = 'http://pages.stolaf.edu/ksto/listen/'
+let kstoApp = 'KSTORadio://'
+let kstoDownload = 'itms://itunes.apple.com/us/app/ksto/id953916647'
+let kstoWeb = 'https://www.stolaf.edu/multimedia/play/embed/ksto.html'
+let image = require('../../data/images/streaming/ksto/ksto-logo.png')
 
 export default function KSTOView() {
   return (
     <View style={styles.container}>
-      <WebView
-        source={{uri: url}}
-        startInLoadingState={true}
-        style={styles.container}
-      />
+      <Image source={image} style={styles.logo} />
+      <Text style={styles.kstoText}>St. Olaf College Radio</Text>
+      <Text style={styles.kstoText}>KSTO 93.1 FM</Text>
+      <Button
+        onPress={() => {
+          if (Platform.OS === 'android') {
+            Linking.openURL(kstoWeb).catch(err => console.error('An error occurred opening the Android KSTO url', err))
+          } else {
+            Linking.canOpenURL(kstoApp).then(supported => {
+              if (!supported) {
+                Linking.openURL(kstoDownload).catch(err => console.error('An error occurred opening the KSTO download url', err))
+              } else {
+                return Linking.openURL(kstoApp)
+              }
+            }).catch(err => console.error('An error occurred opening the iOS KSTO url', err))
+          }
+        }}
+        style={styles.button}
+        >Listen to KSTO</Button>
+      <Text style={styles.kstoSubtext}>Look out for changes here soon!</Text>
     </View>
   )
 }
 
 let styles = StyleSheet.create({
   container: {
     flex: 1,
+    alignItems: 'center',
+    marginTop: 15,
+  },
+  kstoText: {
+    marginTop: 5,
+    color: c.kstoPrimaryDark,
+    fontSize: 25,
+  },
+  kstoSubtext: {
+    marginTop: 5,
+  },
+  logo: {
+    maxWidth: Dimensions.get('window').width / 1.2,
+    maxHeight: Dimensions.get('window').height / 2,
+  },
+  button: {
+    backgroundColor: c.denim,
+    width: 200,
+    color: c.white,
+    alignSelf: 'center',
+    height: 30,
+    paddingTop: 3,
+    marginBottom: 10,
+    marginTop: 10,
+    borderRadius: 6,
+    overflow: 'hidden',
   },
 })