diff --git a/ios/Controllers/MediaLibraryManager.swift b/ios/Controllers/MediaLibraryManager.swift
index cb58f21..c08d6d8 100644
--- a/ios/Controllers/MediaLibraryManager.swift
+++ b/ios/Controllers/MediaLibraryManager.swift
@@ -174,6 +174,7 @@ class MediaLibraryManager: NSObject {
       struct Playlist: Codable {
         var name: String
         var songs: [Song]
+        var id: String
         
       }
       
@@ -184,6 +185,7 @@ class MediaLibraryManager: NSObject {
       let playlists = myPlaylistQuery.collections
       
       for playlist in playlists! {
+        let playlistId = String(describing: playlist.value(forProperty: MPMediaItemPropertyPersistentID)!)
         let songs = playlist.items
         var songsInPlaylist: [Song] = []
         for song in songs {
@@ -207,7 +209,7 @@ class MediaLibraryManager: NSObject {
 //          task.resume()
         }
         let playlistName = String(describing: playlist.value(forProperty: MPMediaPlaylistPropertyName)!)
-        allPlaylists.append(Playlist(name: playlistName, songs: songsInPlaylist))
+        allPlaylists.append(Playlist(name: playlistName, songs: songsInPlaylist, id: playlistId))
       }
       
       let jsonEncoder = JSONEncoder()
diff --git a/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme b/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme
index d22b913..fd59bb7 100644
--- a/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme
+++ b/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme
@@ -81,7 +81,7 @@
       </AdditionalOptions>
    </TestAction>
    <LaunchAction
-      buildConfiguration = "Release"
+      buildConfiguration = "Debug"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       language = ""
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json
index b083337..3cbb07d 100644
--- a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json
@@ -3,49 +3,49 @@
     {
       "size" : "20x20",
       "idiom" : "iphone",
-      "filename" : "hum-5.png",
+      "filename" : "Icon-40@2x-5.png",
       "scale" : "2x"
     },
     {
       "size" : "20x20",
       "idiom" : "iphone",
-      "filename" : "hum-4.png",
+      "filename" : "Icon-40@2x-4.png",
       "scale" : "3x"
     },
     {
       "size" : "29x29",
       "idiom" : "iphone",
-      "filename" : "hum-2.png",
+      "filename" : "Icon-40@2x-3.png",
       "scale" : "2x"
     },
     {
       "size" : "29x29",
       "idiom" : "iphone",
-      "filename" : "hum-3.png",
+      "filename" : "Icon-40@2x-2.png",
       "scale" : "3x"
     },
     {
       "size" : "40x40",
       "idiom" : "iphone",
-      "filename" : "hum-7.png",
+      "filename" : "Icon-40@2x.png",
       "scale" : "2x"
     },
     {
       "size" : "40x40",
       "idiom" : "iphone",
-      "filename" : "hum-6.png",
+      "filename" : "Icon-40@2x-1.png",
       "scale" : "3x"
     },
     {
       "size" : "60x60",
       "idiom" : "iphone",
-      "filename" : "hum.png",
+      "filename" : "Icon-60@2x.png",
       "scale" : "2x"
     },
     {
       "size" : "60x60",
       "idiom" : "iphone",
-      "filename" : "hum-1.png",
+      "filename" : "Icon-60@3x.png",
       "scale" : "3x"
     },
     {
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-1.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-1.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-1.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-2.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-2.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-2.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-3.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-3.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-3.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-4.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-4.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-4.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-5.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-5.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-5.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@2x.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@2x.png
new file mode 100644
index 0000000..6a2a0fa
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@2x.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@3x.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@3x.png
new file mode 100644
index 0000000..039ef9b
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@3x.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-1.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-1.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-1.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-2.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-2.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-2.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-3.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-3.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-3.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-4.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-4.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-4.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-5.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-5.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-5.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-6.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-6.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-6.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-7.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-7.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-7.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json
index 6d92a26..d607e64 100644
--- a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json
+++ b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json
@@ -34,6 +34,22 @@
       "orientation" : "portrait",
       "scale" : "2x"
     },
+    {
+      "orientation" : "portrait",
+      "idiom" : "ipad",
+      "filename" : "Default-Portrait~ipad_768x1024-1.png",
+      "extent" : "full-screen",
+      "minimum-system-version" : "7.0",
+      "scale" : "1x"
+    },
+    {
+      "orientation" : "landscape",
+      "idiom" : "ipad",
+      "filename" : "Default-Landscape~ipad_1024x768-1.png",
+      "extent" : "full-screen",
+      "minimum-system-version" : "7.0",
+      "scale" : "1x"
+    },
     {
       "orientation" : "portrait",
       "idiom" : "ipad",
@@ -42,6 +58,14 @@
       "minimum-system-version" : "7.0",
       "scale" : "2x"
     },
+    {
+      "orientation" : "landscape",
+      "idiom" : "ipad",
+      "filename" : "Default-Landscape@2x~ipad_2048x1536-1.png",
+      "extent" : "full-screen",
+      "minimum-system-version" : "7.0",
+      "scale" : "2x"
+    },
     {
       "orientation" : "portrait",
       "idiom" : "iphone",
@@ -84,6 +108,13 @@
       "extent" : "to-status-bar",
       "scale" : "2x"
     },
+    {
+      "orientation" : "portrait",
+      "idiom" : "ipad",
+      "filename" : "Default-Portrait@2x~ipad_1536x2048-1.png",
+      "extent" : "full-screen",
+      "scale" : "2x"
+    },
     {
       "orientation" : "landscape",
       "idiom" : "ipad",
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png
index 31e8949..bd36c9e 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png
index 9cf041d..45c4845 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png
index 700bbcb..d51e8dd 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png
index 6fb56db..47e40f4 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png
index 402239c..6ca1c26 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png
index 0878fa3..67edef3 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1536-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1536-1.png
new file mode 100644
index 0000000..ca04236
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1536-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png
index 9cd38f6..c1d6d4a 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x768-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x768-1.png
new file mode 100644
index 0000000..4d46ff9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x768-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png
index b137626..8fbc618 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2048-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2048-1.png
new file mode 100644
index 0000000..d7b64f7
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2048-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait~ipad_768x1024-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait~ipad_768x1024-1.png
new file mode 100644
index 0000000..3550c15
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait~ipad_768x1024-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png
index cb8e4ad..e4684e3 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png
index bbf5883..6f5b1a0 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png
index b137626..8fbc618 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png
index c50637f..11b5ba9 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png differ
diff --git a/ios/HumClient/Info.plist b/ios/HumClient/Info.plist
index 7da26a4..841de60 100644
--- a/ios/HumClient/Info.plist
+++ b/ios/HumClient/Info.plist
@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-	<string>Hum</string>
+	<string>Humm</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -45,7 +45,7 @@
 	<key>NSAppleMusicUsageDescription</key>
 	<string>Give Hum Authorization</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string/>
+	<string></string>
 	<key>UIAppFonts</key>
 	<array>
 		<string>Entypo.ttf</string>
diff --git a/js/components/home/index.js b/js/components/home/index.js
index cb33939..d201d16 100644
--- a/js/components/home/index.js
+++ b/js/components/home/index.js
@@ -30,9 +30,8 @@ export default class Home extends Component {
         colors={['#FF5A5F', '#FC642D', '#ebcbb9']}
         style={styles.container}
       >
-        <Text style={styles.subtitle}>Back to the basics</Text>
-        <Text style={styles.title}>HUM</Text>
-        <Text style={styles.subtitle}>of sharing music</Text>
+        <Text style={styles.title}>HUMM</Text>
+        <Text style={styles.subtitle}>Welcome to HUMM.</Text>
         <View style={styles.buttonContainer}>
           <View style={{ marginTop: 5, marginBottom: 5 }}>
             <Button
diff --git a/js/components/home/style.js b/js/components/home/style.js
index cc28a7a..70be7f6 100644
--- a/js/components/home/style.js
+++ b/js/components/home/style.js
@@ -13,7 +13,7 @@ export default StyleSheet.create({
     marginTop: 60
   },
   title: {
-    fontSize: 65,
+    fontSize: 70,
     textAlign: 'center',
     color: '#fff',
     fontFamily: "PingFangTC-Light",
diff --git a/js/components/playlists/index.js b/js/components/playlists/index.js
index 524fe8a..b46c186 100644
--- a/js/components/playlists/index.js
+++ b/js/components/playlists/index.js
@@ -34,8 +34,8 @@ export default class Playlists extends Component {
     Database.getSharedPlaylists().on('value', this.pendingCallback);
   }
 
-  goToPlaylist = playlist => {
-    this.props.navigation.navigate('SinglePlaylist', playlist);
+  goToPlaylist = (playlist, compare) => {
+    this.props.navigation.navigate('SinglePlaylist', {playlist: playlist, compare: compare});
   };
 
   goToSharedPlaylist = playlist => {
diff --git a/js/components/playlists/myPlaylists.js b/js/components/playlists/myPlaylists.js
index 50b3b13..5a29d25 100644
--- a/js/components/playlists/myPlaylists.js
+++ b/js/components/playlists/myPlaylists.js
@@ -24,7 +24,7 @@ import {
 } from 'native-base';
 import styles from './styles';
 import * as Database from '../../../utils/database';
-import { AsyncStorage } from 'react-native';
+import { AsyncStorage, RefreshControl } from 'react-native';
 
 export default class MyPlaylists extends Component {
   constructor(props) {
@@ -32,25 +32,31 @@ export default class MyPlaylists extends Component {
     this.state = {
       playlists: [],
       pendingPlaylists: [], //refered to as SharedPlaylists
+      compareForRefresh: [],
       isLoading: true,
-      searchPlaylist: ''
+      searchPlaylist: '',
+      refreshing: false
     };
   }
 
   userPlaylistCallback = async snapshot => {
     let playlists = snapshot.val();
-    console.log(playlists)
     let temp = [];
+    serviceIdArray = [];
     for (let playlistId in playlists) {
       if (playlists[playlistId] === 'original') {
         const tempPlaylist = await Database.getPlaylistFromId(playlistId);
         const playlist = Object.assign({}, tempPlaylist.val(), { playlistId });
+        let songArr = []
+        if(tempPlaylist.val().songs) songArr = Object.keys(tempPlaylist.val().songs)
+        serviceIdArray.push({serviceId: playlist.serviceId, id: playlistId, songs: songArr});
         temp.push(playlist);
       }
     }
-    this.setState({ playlists: [] }, () => {
+    this.setState({ playlists: [], compareForRefresh: [] }, () => {
       this.setState({
         playlists: this.state.playlists.concat(temp),
+        compareForRefresh: this.state.compareForRefresh.concat(serviceIdArray),
         isLoading: false
       });
     });
@@ -71,6 +77,33 @@ export default class MyPlaylists extends Component {
     });
   };
 
+  _onRefresh() {
+    this.setState({ refreshing: true }, () => {
+      Database.updateAppleMusic(this.state.compareForRefresh, this.appleUpdateDone);
+    });
+  }
+
+  appleUpdateDone =  async playlistsIds => {
+    const idArr = playlistsIds
+    this.setState({ refreshing: false}, async () => {
+      for(playlistId of idArr){
+        const tempPlaylist = await Database.getPlaylistFromId(playlistId);
+        const playlist = Object.assign({}, tempPlaylist.val(), { playlistId });
+        let songArr = []
+        if(tempPlaylist.val().songs) songArr = Object.keys(tempPlaylist.val().songs)
+        let service = {serviceId: playlist.serviceId, id: playlistId, songs: songArr};
+        this.setState({playlists: this.state.playlists.map(oldPlaylist => {
+          if(oldPlaylist.playlistId === playlist.playlistId) return playlist;
+          else return oldPlaylist
+        }), compareForRefresh: this.state.compareForRefresh.map(oldPlaylist => {
+          console.log(oldPlaylist.id, service.id)
+          if(oldPlaylist.id === service.id) return service;
+          else return oldPlaylist
+        })})
+      }
+    });
+  }
+
   async componentDidMount() {
     Database.getUserPlaylists().on('value', this.userPlaylistCallback);
     Database.getSharedPlaylists().on('value', this.pendingPlaylistCallback);
@@ -92,25 +125,32 @@ export default class MyPlaylists extends Component {
             <Icon name="ios-musical-notes" />
           </Item>
         </Header>
-        <Content>
+        <Content
+          refreshControl={
+            <RefreshControl
+              refreshing={this.state.refreshing}
+              onRefresh={this._onRefresh.bind(this)}
+            />
+          }
+        >
           {this.props.pendingPlaylists.length
             ? <Card>
-              <CardItem
-                button
-                onPress={() => this.props.goToPending()}
-                header
-              >
-                <Badge style={{ backgroundColor: '#FC642D' }}>
-                  <Text>
-                    {this.props.pendingPlaylists.length}
-                  </Text>
-                </Badge>
-                <Text style={styles.header}> Pending Playlists</Text>
-                <Right>
-                  <Icon name="arrow-forward" style={styles.arrow} />
-                </Right>
-              </CardItem>
-            </Card>
+                <CardItem
+                  button
+                  onPress={() => this.props.goToPending()}
+                  header
+                >
+                  <Badge style={{ backgroundColor: '#FC642D' }}>
+                    <Text>
+                      {this.props.pendingPlaylists.length}
+                    </Text>
+                  </Badge>
+                  <Text style={styles.header}> Pending Playlists</Text>
+                  <Right>
+                    <Icon name="arrow-forward" style={styles.arrow} />
+                  </Right>
+                </CardItem>
+              </Card>
             : null}
           <Card>
             <CardItem header>
@@ -121,10 +161,10 @@ export default class MyPlaylists extends Component {
             {this.state.isLoading
               ? <Spinner color="#FC642D" />
               : <View>
-                {!this.state.playlists.length
-                  ? <CardItem>
-                    <Text style={styles.header}>
-                      Connect a music streaming service to view playlists!
+                  {!this.state.playlists.length
+                    ? <CardItem>
+                        <Text style={styles.header}>
+                          Connect a music streaming service to view playlists!
                         </Text>
                       </CardItem>
                     : <View>
@@ -140,7 +180,7 @@ export default class MyPlaylists extends Component {
                                 button
                                 key={index}
                                 onPress={() =>
-                                  this.props.goToPlaylist(playlist)}
+                                  this.props.goToPlaylist(playlist, {serviceId: playlist.serviceId, id: playlist.playlistId, songs: Object.keys(playlist.songs)})}
                               >
                                 <Body>
                                   <Text style={styles.bodytxt}>
diff --git a/js/components/playlists/singlePlaylist.js b/js/components/playlists/singlePlaylist.js
index b9cba6d..766c6c7 100644
--- a/js/components/playlists/singlePlaylist.js
+++ b/js/components/playlists/singlePlaylist.js
@@ -24,8 +24,9 @@ import styles from './styles';
 import axios from 'axios';
 import * as Database from '../../../utils/database';
 import { default as FAIcon } from 'react-native-vector-icons/FontAwesome';
-import { NativeModules } from 'react-native';
+import { NativeModules, RefreshControl } from 'react-native';
 import firebase from 'firebase';
+
 export default class SinglePlaylist extends Component {
   constructor(props) {
     super(props);
@@ -33,7 +34,9 @@ export default class SinglePlaylist extends Component {
       appleAuth: false,
       spotifyAuth: '',
       spotifyDownloading: false,
-      appleDownloading: false
+      appleDownloading: false,
+      refreshing: false,
+      playlist: []
     };
   }
   componentDidMount() {
@@ -48,8 +51,36 @@ export default class SinglePlaylist extends Component {
         });
       })
       .catch(error => console.log('Single Playlist ', error));
+    this.setState({playlist: this.props.navigation.state.params.playlist})
+  }
+
+  _onRefresh() {
+    // this.setState({ refreshing: true }, () => {
+    //   Database.updateOneAppleMusic(this.props.navigation.state.params.compare, this.appleUpdateDone);
+    // });
+    console.log("COMPARE", [this.props.navigation.state.params.compare])
+    console.log("playlist", this.props.navigation.state.params.playlist)
+
+    // this.setState({ refreshing: true }, () => {
+    //   Database.updateAppleMusic(this.state.compareForRefresh, this.appleUpdateDone);
+    // });
+  }
+
+  appleUpdateDone =  async playlistsId => {
+    console.log("UPDATE PLAYLIST", playlistsId)
+    const playlistId = playlistsId
+    if(playlistsId.length){
+        this.setState({ refreshing: false}, async () => {
+        const tempPlaylist = await Database.getPlaylistFromId(playlistId);
+        const playlist = Object.assign({}, tempPlaylist.val(), { playlistId });
+        this.setState({playlist: playlist});
+    });
+    }
+    else this.setState({ refreshing: false})
+
   }
 
+
   goToShare = playlistId => {
     this.props.navigation.navigate('SharePlaylist', playlistId);
   };
@@ -138,10 +169,16 @@ export default class SinglePlaylist extends Component {
   };
 
   render() {
-    const playlist = this.props.navigation.state.params;
+    const playlist = this.state.playlist
+    // console.log("SINGLE PLAYLIST", playlist)
     return (
       <Container>
-        <Content>
+        <Content refreshControl={
+            <RefreshControl
+              refreshing={this.state.refreshing}
+              onRefresh={this._onRefresh.bind(this)}
+            />
+          }>
         {this.state.spotifyDownloading || this.state.appleDownloading
                 ? <Spinner color="#FC642D" />
                 : null}
@@ -224,22 +261,22 @@ export default class SinglePlaylist extends Component {
                   </Body>
                 </ListItem>
               : <View>
-                  {playlist.songs.map((song, index) => {
+                  {Object.keys(playlist.songs).map((song, index) => {
                     return (
                       <ListItem key={index} avatar bordered key={index}>
                         <Left>
                           <Thumbnail
                             square
                             size={80}
-                            source={{ uri: `${song.image}` }}
+                            source={{ uri: `${playlist.songs[song].image}` }}
                           />
                         </Left>
                         <Body>
                           <Text style={styles.bodytxt}>
-                            {song.title}
+                            {playlist.songs[song].title}
                           </Text>
                           <Text note style={styles.bodytxt}>
-                            {song.artist}
+                            {playlist.songs[song].artist}
                           </Text>
                         </Body>
                       </ListItem>
diff --git a/utils/database/playlists.js b/utils/database/playlists.js
index 7a6c99a..b761ec4 100644
--- a/utils/database/playlists.js
+++ b/utils/database/playlists.js
@@ -1,17 +1,18 @@
 import * as firebase from 'firebase';
 import axios from 'axios';
+import { NativeModules } from 'react-native';
 
 export async function savePlaylistToDatabase(playlists, providerId) {
   try {
     // if (providerId === 'appleId') {
-      const appleToken = await axios.get(
-        'https://us-central1-hum-app.cloudfunctions.net/getJWT',
-        {
-          headers: {
-            pass: "lol this isn't secure"
-          }
+    const appleToken = await axios.get(
+      'https://us-central1-hum-app.cloudfunctions.net/getJWT',
+      {
+        headers: {
+          pass: "lol this isn't secure"
         }
-      );
+      }
+    );
     // }
     const currentUser = firebase.auth().currentUser;
     for (const playlist of playlists) {
@@ -37,10 +38,11 @@ export async function savePlaylistToDatabase(playlists, providerId) {
                 .replace('{w}', '100')
                 .replace('{h}', '100');
               findOrCreateSong(playlist.songs[index], providerId);
-              newSong[index] = {};
-              newSong[index].artist = playlist.songs[index].artist;
-              newSong[index].title = playlist.songs[index].title;
-              newSong[index].image = playlist.songs[index].image;
+              let appleSongId = playlist.songs[index].id;
+              newSong[appleSongId] = {};
+              newSong[appleSongId].artist = playlist.songs[index].artist;
+              newSong[appleSongId].title = playlist.songs[index].title;
+              newSong[appleSongId].image = playlist.songs[index].image;
             })
             .catch(error => {
               console.log(error);
@@ -54,13 +56,15 @@ export async function savePlaylistToDatabase(playlists, providerId) {
         }
       }
       const newPlaylistId = firebase.database().ref('playlists').push().key;
-      this.addPlaylistToUser(newPlaylistId);
+
+      addPlaylistToUser(newPlaylistId);
       firebase.database().ref(`playlists/${newPlaylistId}`).set({
         title: playlist.name,
         creator: currentUser.uid,
         songs: newSong,
         displayName: currentUser.displayName,
-        type: providerId
+        type: providerId,
+        serviceId: playlist.id.toString() || '1425631'
       });
     }
   } catch (error) {
@@ -201,14 +205,14 @@ export function databasePlaylistToSpotify(databasePlaylistId, success, fail) {
                 }
               }
             )
-            .catch(error => "ERROR")
+            .catch(error => 'ERROR')
         );
         Promise.all(promises).then(values => {
-          console.log(values)
+          console.log(values);
           let final = values
             .map(value => value.data)
             .filter(value => value !== 'ERROR');
-          console.log("FINALLLLLL", final)
+          console.log('FINALLLLLL', final);
           axios
             .post(
               `https://api.spotify.com/v1/users/${id}/playlists`,
@@ -234,18 +238,193 @@ export function databasePlaylistToSpotify(databasePlaylistId, success, fail) {
                   }
                 )
                 .then(response => success(databasePlaylistId))
-                .catch(error =>
-                  fail()
-                );
+                .catch(error => fail());
             })
-            .catch(error =>
-              fail()
-            );
+            .catch(error => fail());
         });
       });
     });
 }
 
+export async function updateAppleMusic(oldPlaylists, done) {
+  //only let if they are apple auth
+  NativeModules.MediaLibraryManager.getPlaylists(async playlists => {
+    // if a playlist id comes back that is not contained in the old playlist array, send it to save to database
+    //oldPlaylists [{serviceId: appleId, id: databaseID, songs: []}, {serviceId: appleId, id: databaseID}]
+    //refreshed playlists = [{playlistId: playlist.id, songs: playlist.songs}]
+    const newPlaylists = [];
+    const refreshedPlaylists = {};
+    const alteredPlaylists = [];
+    let old = {};
+    const serviceToId = {};
+    let parsedPlaylists = JSON.parse(playlists);
+
+    for (playlist of parsedPlaylists) {
+      let id = playlist.id;
+      const songs = []
+      for(song of playlist.songs){
+        songs.push(song.id.toString())
+      }
+      refreshedPlaylists[id] = songs
+    }
+    for (playlist of oldPlaylists) {
+      console.log(playlist, "THE ONE I SENT")
+      let id = playlist.serviceId;
+      old[id] = playlist.songs
+      serviceToId[playlist.serviceId] = playlist.id
+      // oldPlaylistServiceIds.push(playlist.serviceId);
+      let playlistKeyArr = Object.keys(refreshedPlaylists);
+      if (playlistKeyArr.indexOf(playlist.serviceId) === -1) {
+        firebase.database().ref(`playlists/${playlist.id}`).remove();
+      } else {
+        let changed = false;
+        for (song of playlist.songs) {
+          // if refreshed playlist songs doesn't contain this song, delete playlists/playlis.id/songs/song
+            if (refreshedPlaylists[playlist.serviceId].indexOf(song) === -1) {
+              changed = true
+              firebase
+                .database()
+                .ref(`playlists/${playlist.id}/songs/${song}`)
+                .remove();
+              //should remove the songs from the local playlist object
+
+
+            }
+            //then add the playlist to the altered playlists
+        }
+        if(changed && alteredPlaylists.indexOf(playlist.id) === -1) alteredPlaylists.push(playlist.id);
+      }
+    }
+    for (playlist of parsedPlaylists) {
+      if (Object.keys(old).indexOf(playlist.id.toString()) === -1) newPlaylists.push(playlist);
+      else{
+        let changed = false;
+        for(song of playlist.songs){
+          if(old[playlist.id].indexOf(song.id) === -1) {
+            // should add the new songs to the old local playlist object and
+            changed = true;
+            let image = await getImage(song.id)
+            firebase
+                .database()
+                .ref(`playlists/${serviceToId[playlist.id]}/songs/${song.id}`)
+                .set({artist: song.artist, image: image, title: song.title});}
+        }
+         // alteredPlaylists.push(playlist)
+        //add the playlist to the altered playlist array
+        if(changed && alteredPlaylists.indexOf(serviceToId[playlist.id]) === -1) alteredPlaylists.push(serviceToId[playlist.id]);
+      }
+      // if old playlist array doesn't contain a song from the refreshed playlists add it
+    }
+    if(newPlaylists.length) savePlaylistToDatabase(newPlaylists, 'appleId');
+    // need to send back modified playlists to update the state on the front end, the front end is only listening for adding/removing to a user's playlists
+
+    done(alteredPlaylists);
+  });
+}
+
+export async function updateOneAppleMusic(oldPlaylist, done) {
+  //only let if they are apple auth
+  NativeModules.MediaLibraryManager.getPlaylist(oldPlaylist.serviceId, async playlist => {
+    // if a playlist id comes back that is not contained in the old playlist array, send it to save to database
+    //oldPlaylists [{serviceId: appleId, id: databaseID, songs: []}, {serviceId: appleId, id: databaseID}]
+    //refreshed playlists = [{playlistId: playlist.id, songs: playlist.songs}]
+    const newPlaylists = [];
+    const refreshedPlaylists = {};
+    const alteredPlaylists = [];
+    let old = {};
+    const serviceToId = {};
+    let parsedPlaylists = JSON.parse(playlist);
+
+    for (playlist of parsedPlaylists) {
+      let id = playlist.id;
+      const songs = []
+      for(song of playlist.songs){
+        songs.push(song.id.toString())
+      }
+      refreshedPlaylists[id] = songs
+    }
+    for (playlist of oldPlaylists) {
+      console.log(playlist, "THE ONE I SENT")
+      let id = playlist.serviceId;
+      old[id] = playlist.songs
+      serviceToId[playlist.serviceId] = playlist.id
+      // oldPlaylistServiceIds.push(playlist.serviceId);
+      let playlistKeyArr = Object.keys(refreshedPlaylists);
+      if (playlistKeyArr.indexOf(playlist.serviceId) === -1) {
+        firebase.database().ref(`playlists/${playlist.id}`).remove();
+      } else {
+        let changed = false;
+        for (song of playlist.songs) {
+          // if refreshed playlist songs doesn't contain this song, delete playlists/playlis.id/songs/song
+            if (refreshedPlaylists[playlist.serviceId].indexOf(song) === -1) {
+              changed = true
+              firebase
+                .database()
+                .ref(`playlists/${playlist.id}/songs/${song}`)
+                .remove();
+              //should remove the songs from the local playlist object
+
+
+            }
+            //then add the playlist to the altered playlists
+        }
+        if(changed && alteredPlaylists.indexOf(playlist.id) === -1) alteredPlaylists.push(playlist.id);
+      }
+    }
+    for (playlist of parsedPlaylists) {
+      if (Object.keys(old).indexOf(playlist.id.toString()) === -1) newPlaylists.push(playlist);
+      else{
+        let changed = false;
+        for(song of playlist.songs){
+          if(old[playlist.id].indexOf(song.id) === -1) {
+            // should add the new songs to the old local playlist object and
+            changed = true;
+            let image = await getImage(song.id)
+            firebase
+                .database()
+                .ref(`playlists/${serviceToId[playlist.id]}/songs/${song.id}`)
+                .set({artist: song.artist, image: image, title: song.title});}
+        }
+         // alteredPlaylists.push(playlist)
+        //add the playlist to the altered playlist array
+        if(changed && alteredPlaylists.indexOf(serviceToId[playlist.id]) === -1) alteredPlaylists.push(serviceToId[playlist.id]);
+      }
+      // if old playlist array doesn't contain a song from the refreshed playlists add it
+    }
+    if(newPlaylists.length) savePlaylistToDatabase(newPlaylists, 'appleId');
+    // need to send back modified playlists to update the state on the front end, the front end is only listening for adding/removing to a user's playlists
+
+    done(alteredPlaylists);
+  });
+}
+
+async function getImage(id){
+  const appleToken = await axios.get(
+      'https://us-central1-hum-app.cloudfunctions.net/getJWT',
+      {
+        headers: {
+          pass: "lol this isn't secure"
+        }
+      }
+    );
+
+    response =
+          await axios
+            .get(
+              'https://api.music.apple.com/v1/catalog/us/songs/' +
+                id,
+              {
+                headers: {
+                  Authorization: `Bearer ${appleToken.data}`
+                }
+              }
+            )
+  const image = response.data.data[0].attributes.artwork.url .replace('{w}', '100')
+                .replace('{h}', '100');
+  console.log(image)
+  return image
+}
+
 function getUrlPath(str) {
   return encodeURIComponent(str).replace(/\./g, function(char) {
     return '%' + char.charCodeAt(0).toString(16);