Merge branch '22-fiks-av-sma-bugs' into 'master'

Resolve "Fiks av små bugs"

Closes #22

See merge request !21

components/MovieInfo.tsx

@@ -286,16 +286,13 @@ export default function MovieInfo({ movieID }: MovieInfoProps) {
             <Seperator marginVertical={10} curved />
 
             <View style={{ width: '100%' }}>
-              {LabelAndText('DIRECTORS', 'Joshua King')}
+              {LabelAndText('DIRECTORS', data.movie.directors.join(', '))}
               <Seperator marginVertical={10} curved />
-              {LabelAndText('PRODUCTION', 'Paramount Pictures, W365')}
+              {LabelAndText('PRODUCTION', data.movie.production.join(', '))}
               <Seperator marginVertical={10} curved />
-              {LabelAndText('WRITERS', 'Phil Hay, Matt Manfredi, Peter Chung')}
+              {LabelAndText('WRITERS', data.movie.writers.join(', '))}
               <Seperator marginVertical={10} curved />
-              {LabelAndText(
-                'STARRING ACTORS',
-                'Charlize Theron, Frances McDormand, Sophie Okonedo',
-              )}
+              {LabelAndText('STARRING ACTORS', data.movie.actors.join(', '))}
               <Seperator marginVertical={10} curved />
             </View>
 

components/ProfileInfo.tsx

@@ -11,16 +11,16 @@ export default function ProfileInfo({ user }: { user: UserEntity }) {
     <View style={styles.profileInfoContainer}>
       <Text
         style={styles.profileInfoText}
-        lightColor='rgba(0,0,0,0.8)'
-        darkColor='rgba(255,255,255,0.8)'
+        lightColor='rgba(0,0,0,0.9)'
+        darkColor='rgba(255,255,255,0.9)'
       >
         {user.username}
       </Text>
 
       <Text
         style={styles.profileInfoText}
-        lightColor='rgba(0,0,0,0.5)'
-        darkColor='rgba(255,255,255,0.5)'
+        lightColor='rgba(0,0,0,0.7)'
+        darkColor='rgba(255,255,255,0.7)'
       >
         {user.email}
       </Text>

components/RatingModal.tsx

@@ -42,11 +42,13 @@ const RatingModal: React.FC<RatingModalProps> = ({
                 {
                   backgroundColor: useThemeColor({}, 'background'),
                   borderColor: useThemeColor({}, 'border'),
+                  color: useThemeColor({}, 'inputText'),
                 },
               ]}
               value={ratingText}
               onChangeText={setRatingText}
               placeholder='Write your rating here...'
+              placeholderTextColor={useThemeColor({}, 'inputText')}
               multiline
               numberOfLines={4}
             ></TextInput>

components/common/SearchInput.tsx

@@ -25,6 +25,7 @@ const SearchInput: React.FC<IProps> = (props: IProps) => {
         },
       ]}
       placeholder={props.placeholder}
+      placeholderTextColor={useThemeColor({}, 'inputText')}
       onChangeText={handleChange}
     />
   );

screens/Profile.tsx

 import * as React from 'react';
-import { useEffect } from 'react';
 import { StyleSheet } from 'react-native';
-import { useDispatch, useSelector } from 'react-redux';
+import { useSelector } from 'react-redux';
 import { useThemeColor, View } from '../components/common/Themed';
 import Login from '../components/LoginComponent';
 import ProfileInfo from '../components/ProfileInfo';
 import UserRatings from '../components/UserRatings';
-import { setToken } from '../store/ducks/auth/actions';
 import { AuthState } from '../store/ducks/auth/types';
 import { ApplicationState } from '../store/interface';
-import { RootStackScreenProps } from '../types';
 
-export default function Profile({ navigation }: RootStackScreenProps<'Profile'>): JSX.Element {
+export default function Profile(): JSX.Element {
   const auth: AuthState = useSelector(({ auth }: ApplicationState) => auth);
 
   const styles = StyleSheet.create({
@@ -21,7 +18,7 @@ export default function Profile({ navigation }: RootStackScreenProps<'Profile'>)
       justifyContent: 'center',
     },
     topInfo: {
-      backgroundColor: useThemeColor({}, 'component'),
+      backgroundColor: useThemeColor({}, 'complement'),
       width: '100%',
     },
     title: {

store/ducks/movies/types.ts

@@ -90,7 +90,7 @@ export const initialQuery: FetchMovieParams = {
   perPage: 20,
   page: 0,
   orderBy: "title",
-  order: "desc",
+  order: "asc",
   filters: {
     title: "",
     actors: [],