fix/forgot-share-button (#160)

expo/components/ActiveRoomView.tsx

@@ -1,5 +1,6 @@
 import { RoomJSON } from "commons/backend-types";
 import { Link, router } from "expo-router";
+import Share from "phosphor-react-native/src/bold/Share";
 import DoorOpen from "phosphor-react-native/src/icons/DoorOpen";
 import Gear from "phosphor-react-native/src/icons/Gear";
 import Plus from "phosphor-react-native/src/icons/Plus";
@@ -235,6 +236,14 @@ const ActiveRoomView: React.FC<ActiveRoomViewProps> = ({ room }) => {
                   )}
                 />
               )}
+              <Button
+                href={`/rooms/${room.id}/invite`}
+                block
+                type="outline"
+                prependIcon={<Share />}
+              >
+                Inviter des amis
+              </Button>
             </View>
           </ScrollView>
           <Button

expo/components/player/Player.tsx

@@ -5,6 +5,7 @@ import React, { useState } from "react";
 import { StyleSheet, Text, View } from "react-native";
 
 import { useWebSocket } from "../../app/(tabs)/rooms/[id]/_layout";
+import Font from "../../constants/Font";
 import { useUserProfile } from "../../lib/userProfile";
 import Button from "../Button";
 
@@ -115,7 +116,16 @@ const Player: React.FC<PlayerProps> = ({ state, isHost, children }) => {
           </View>
         </>
       )}
-      {!state && <Text>Nothing is playing, start a song</Text>}
+      {!state && (
+        <Text
+          style={{
+            fontFamily: Font.Outfit.ExtraLight,
+            fontSize: 16,
+          }}
+        >
+          Aucune musique n'est en cours de lecture, commencez une musique
+        </Text>
+      )}
     </View>
   );
 };