+
+ );
+
+ return (
+
+
+
+
+
+ }>
+ {t('rename')}
+
+
+
+
+
+ {currentRoom.name}
+
+
+
+ )
+ }
+ />
+
+
+
+
+
+
+
+
+
+
+
+ <Trans i18nKey="room_ppts" />
+
+
+ {fileList.length >= 8 ? null : uploadButton}
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ );
+ })}
+
+
+
+ );
+};
+
+export default withTranslation()(RoomDetails);
diff --git a/hivelvet-frontend/src/components/Rooms.tsx b/hivelvet-frontend/src/components/Rooms.tsx
index 6af0d7a1..b9f6311d 100644
--- a/hivelvet-frontend/src/components/Rooms.tsx
+++ b/hivelvet-frontend/src/components/Rooms.tsx
@@ -16,104 +16,108 @@
* with Hivelvet; if not, see
+ {currentRoom.labels.map((item) => (
+
+ {item.name}
+
+ ))}
+
+ }
+ suffix={
+ copied ? (
+
+
+
+
+
+
+ {recordings.map((recording) => {
+ const addHeight = recording.name.length <= 16 ? '65px' : null;
+ const recordingName =
+ recording.name.length <= 24 ? recording.name : recording.name.substring(0, 21) + '...';
+
+ return (
+
+ 
+
+ }
+ >
+
+
+
+ <Trans i18nKey="room_recordings" />
+
+ }
+ bordered={false}
+ />
+
+
+
+
+
+
+
+
+ }
+ />
+
+
+
+ {recordingName}
+
+
+
+
+
+
+ }
+ >
+
+
+
+ }
+ />
+
+ 35,6
+
+ }
+ />
+
+ 35,6
+
+ }
+ />
+
+ 35,6
+
+ }
+ />
+
+ 35,6
+ setIsShown(true)}
- onMouseLeave={() => setIsShown(false)}
+
+
+
+ ) : null
+ }
>
-
+
+
+
+ ) : null
+ }
+ >
+
+
+ -
{room.name}
- + {room.name.slice(0, 2).toUpperCase()} + + + +
- {room.labels.map((item, subIndex) => {
- return (
-
+ {item.name}
+
+ ))}