From a22e2954ba7fbc61400b4eb652c2942df1dd9a12 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sun, 16 Jan 2022 14:59:21 -0800
Subject: [PATCH] cleaning up some of the rooms with a scroll

---
 components/Dashboard/Rooms.tsx         | 31 +++++---------------------
 components/Layouts/BackgroundLayout.js |  2 +-
 pages/teams/[teamid].tsx               |  4 ++--
 3 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/components/Dashboard/Rooms.tsx b/components/Dashboard/Rooms.tsx
index b78d565..4632e8b 100644
--- a/components/Dashboard/Rooms.tsx
+++ b/components/Dashboard/Rooms.tsx
@@ -1,35 +1,14 @@
 import React, { useState } from "react";
-import { render } from "react-dom";
-import {
-  FaMicrophoneAlt,
-  FaHeadphonesAlt,
-  FaTh,
-  FaAngleDown,
-  FaPlusSquare,
-  FaBroom,
-  FaBell,
-  FaFilePdf,
-  FaCopy,
-  FaClock,
-  FaPlay,
-  FaPlus,
-  FaCheck,
-  FaCode,
-  FaLink,
-  FaExternalLinkAlt,
-  FaArchive,
-  FaAtlassian,
-  FaSearch,
-} from "react-icons/fa";
-import { IoPulseOutline, IoRemoveOutline, IoTimer } from "react-icons/io5";
+
+import { FaAngleDown, FaBell, FaClock, FaPlus, FaLink } from "react-icons/fa";
+import { IoTimer } from "react-icons/io5";
 import { BsThreeDots } from "react-icons/bs";
 import Image from "next/image";
 
 export default function DashboardRoom() {
-  const [count, setCount] = useState(0);
-
   return (
     <section className="p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md">
+      {/* header */}
       <span className="flex flex-row justify-end space-x-3 pb-5 items-center">
         <span className="text-white mr-auto">
           ROOMS
@@ -72,7 +51,7 @@ export default function DashboardRoom() {
       </span>
 
       {/* all rooms */}
-      <span className="flex flex-row flex-wrap">
+      <span className="flex flex-row flex-wrap max-h-96 overflow-auto">
         {/* spontaneous bugs room */}
         <span className="flex flex-col bg-white bg-opacity-80 rounded-lg justify-between w-96 max-w-screen-sm m-2 overflow-clip">
           {/* header */}
diff --git a/components/Layouts/BackgroundLayout.js b/components/Layouts/BackgroundLayout.js
index cd81859..f23efa1 100644
--- a/components/Layouts/BackgroundLayout.js
+++ b/components/Layouts/BackgroundLayout.js
@@ -1,6 +1,6 @@
 export default function BackgroundLayout({ children }) {
   return (
-    <div id="bg" className="text-white min-w-full min-w-screen">
+    <div id="bg" className="text-white min-w-full min-h-screen">
       {children}
     </div>
   );
diff --git a/pages/teams/[teamid].tsx b/pages/teams/[teamid].tsx
index 9880fc9..a7607ed 100644
--- a/pages/teams/[teamid].tsx
+++ b/pages/teams/[teamid].tsx
@@ -81,10 +81,10 @@ function TeamDashboard() {
   console.log(teamDashboardContext);
 
   return (
-    <div className="container mx-auto max-w-screen-xl py-10 px-10 flex flex-col space-y-5">
+    <div className="container mx-auto py-10 px-10 flex flex-col space-y-5">
       <Header />
 
-      <div className="flex flex-row items-baseline space-x-5 space-y-5 flex-wrap">
+      <div className="flex flex-row items-baseline space-x-5 space-y-5">
         <TeamVoiceLine />
 
         <Rooms />