fix(#81): room name getter

src/components/views/elements/RoomName.tsx

@@ -19,7 +19,7 @@ import React, { useCallback, useMemo } from "react";
 
 import { Icon as TokenGatedRoomIcon } from "../../../../res/themes/superhero/img/icons/tokengated-room.svg";
 import { Icon as CommunityRoomIcon } from "../../../../res/themes/superhero/img/icons/community-room.svg";
-import { useRoomName } from "../../../hooks/useRoomName";
+import { getRoomName } from "../../../hooks/useRoomName";
 import { useVerifiedRoom } from "../../../hooks/useVerifiedRoom";
 import { UserVerifiedBadge } from "./UserVerifiedBadge";
 import { BotVerifiedBadge } from "./BotVerifiedBadge";
@@ -31,7 +31,7 @@ interface IProps {
 }
 
 export const RoomName = ({ room, children, maxLength }: IProps): JSX.Element => {
-    const roomName = useRoomName(room);
+    const roomName = getRoomName(room);
     const { isTokenGatedRoom, isCommunityRoom } = useVerifiedRoom(room);
 
     const roomUser: string | undefined = useMemo(() => {

src/components/views/rooms/NewRoomIntro.tsx

@@ -270,6 +270,7 @@ const NewRoomIntro: React.FC = () => {
 
                 <h2>
                     <RoomName room={room} />
+                    {console.log(room)}
                 </h2>
 
                 <p>

src/hooks/useRoomName.ts

@@ -34,19 +34,3 @@ export function getRoomName(room?: Room | IPublicRoomsChunkRoom, oobName?: IOOBD
     );
 }
 
-/**
- * Determines the room name from a combination of the room model and potential
- * out-of-band information
- * @param room - The room model
- * @param oobData - out-of-band information about the room
- * @returns {string} the room name
- *
- * TODO: check if useTypedEventEmitter is needed
- */
-export function useRoomName(room?: Room | IPublicRoomsChunkRoom, oobData?: IOOBData): string {
-    const name = useMemo(() => {
-        return getRoomName(room, oobData);
-    }, [room, oobData]);
-
-    return name;
-}