Fix registration networking and styling on iOS

app/actions/actionTypes.js

@@ -8,4 +8,4 @@ export const OPENDRAWER = 'OPENDRAWER';
 export const CALENDARRETREIVED = 'CALENDARRETREIVED';
 export const CALENDARERROR = 'CALENDARERROR';
 export const LOADEVENTSUCCESS = 'LOADEVENTSUCCESS';
-export const LOADEVENTFAILURE = 'LOADEVENTFAILURE';
\ No newline at end of file
+export const LOADEVENTFAILURE = 'LOADEVENTFAILURE';

app/actions/events.js

@@ -25,13 +25,10 @@ function loadRegistrations(id, token) {
       Authorization: `Token ${token}`,
     },
   };
-  return fetch(`${url}/api/events/${id}/registrations`, data)
+  return fetch(`${url}/api/events/${id}/registrations/`, data)
     .then(
       response => response.json(),
     )
-    .then(
-      response => response,
-    )
     .catch(
       () => [],
     );

app/actions/login.js

@@ -75,8 +75,8 @@ export function login(user, pass) {
         'Content-Type': 'application/json',
       },
       body: JSON.stringify({
-        username: 'sebastiaan',
-        password: 'Cerberus1q2w3e!',
+        username: user,
+        password: pass,
       }),
     };
     return fetch(`${url}/api/token-auth/`, data)

app/components/style/event.js

@@ -18,7 +18,7 @@ const styles = create({
       fontFamily: 'sans-serif-medium',
     },
     ios: {
-      fontFamily: 'San Fransisco',
+      fontFamily: 'System',
       fontWeight: '500',
     },
     fontSize: 20,
@@ -30,7 +30,7 @@ const styles = create({
       fontFamily: 'sans-serif-medium',
     },
     ios: {
-      fontFamily: 'San Fransisco',
+      fontFamily: 'System',
       fontWeight: '500',
     },
     fontSize: 14,
@@ -58,7 +58,7 @@ const styles = create({
       fontFamily: 'sans-serif-medium',
     },
     ios: {
-      fontFamily: 'San Fransisco',
+      fontFamily: 'System',
       fontWeight: '500',
     },
     fontSize: 14,

app/components/style/memberView.js

@@ -9,6 +9,7 @@ const styles = StyleSheet.create({
     left: 6,
     bottom: 4,
     right: 6,
+    backgroundColor: colors.transparent,
   },
   image: {
     flex: 1,

app/style.js

@@ -10,6 +10,7 @@ export const colors = {
   darkGrey: '#373737',
   dividerGrey: 'rgba(0, 0, 0, 0.12)',
   background: '#FAFAFA',
+  transparent: 'transparent',
 };
 
 export function create(styles) {