code style updates

Author: mironiasty

example/navigators/AppNavigator.tsx

@@ -45,23 +45,23 @@ const TabNavigator = () => {
     <Tab.Navigator
       screenOptions={{ headerShown: false, tabBarHideOnKeyboard: true }}>
       <Tab.Screen
-        name="ConnectWithToken"
-        component={ConnectWithTokenScreen}
+        name="ConnectWithRoomManager"
+        component={ConnectWithRoomManagerScreen}
         options={{
-          tabBarLabel: 'Use Token',
+          tabBarLabel: 'Use Room Manager',
           tabBarActiveTintColor: BrandColors.darkBlue100,
           tabBarInactiveTintColor: AdditionalColors.grey60,
-          tabBarIcon: tabBarIcon('ticket'),
+          tabBarIcon: tabBarIcon('room-service'),
         }}
       />
       <Tab.Screen
-        name="ConnectWithRoomManager"
-        component={ConnectWithRoomManagerScreen}
+        name="ConnectWithToken"
+        component={ConnectWithTokenScreen}
         options={{
-          tabBarLabel: 'Use Room Manager',
+          tabBarLabel: 'Use Token',
           tabBarActiveTintColor: BrandColors.darkBlue100,
           tabBarInactiveTintColor: AdditionalColors.grey60,
-          tabBarIcon: tabBarIcon('room-service'),
+          tabBarIcon: tabBarIcon('ticket'),
         }}
       />
     </Tab.Navigator>

example/screens/ConnectWithTokenScreen.tsx

@@ -70,13 +70,13 @@ const ConnectScreen = ({ navigation }: Props) => {
             onChangeText={onChangeFishjamUrl}
             value={fishjamUrl}
             accessibilityLabel={URL_INPUT}
-            placeholder="Fishjam url"
+            placeholder="Fishjam URL"
           />
           <TextInput
             onChangeText={onChangePeerToken}
             value={peerToken}
             accessibilityLabel={TOKEN_INPUT}
-            placeholder="Peer token"
+            placeholder="Peer Token"
           />
           <Button
             title="Connect"

example/screens/RoomScreen.tsx

@@ -107,12 +107,12 @@ const RoomScreen = ({ navigation, route }: Props) => {
           accessibilityLabel={DISCONNECT_BUTTON}
         />
         <InCallButton
-          iconName={!isMicrophoneOn ? 'microphone-off' : 'microphone'}
+          iconName={isMicrophoneOn ? 'microphone' : 'microphone-off'}
           onPress={toggleMicrophone}
           accessibilityLabel={TOGGLE_MICROPHONE_BUTTON}
         />
         <InCallButton
-          iconName={!isCameraOn ? 'camera-off' : 'camera'}
+          iconName={isCameraOn ? 'camera' : 'camera-off'}
           onPress={toggleCamera}
           accessibilityLabel={TOGGLE_CAMERA_BUTTON}
         />
@@ -122,7 +122,7 @@ const RoomScreen = ({ navigation, route }: Props) => {
           accessibilityLabel={SWITCH_CAMERA_BUTTON}
         />
         <InCallButton
-          iconName={isScreencastOn ? 'share-off' : 'share'}
+          iconName={isScreencastOn ? 'share' : 'share-off'}
           onPress={onToggleScreenCast}
           accessibilityLabel={SHARE_SCREEN_BUTTON}
         />