adding explore rooms section

Wadie-ess · Oct 15, 2023 · 14d27a3 · 14d27a3
1 parent 5666c1f
commit 14d27a3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 38 deletions.
diff --git a/frontend/code/src/Components/Chat/Components/RecentChat.tsx b/frontend/code/src/Components/Chat/Components/RecentChat.tsx
@@ -17,18 +17,8 @@ import {
  RoomChatPlaceHolder,
  RoomSettingsModal,
 } from "./RoomChatHelpers";
-import { useDisclosure } from "@mantine/hooks";
 
-import {
- Dialog,
- Group,
- Button,
- TextInput,
- Text,
- Popover,
- Modal,
- RingProgress,
-} from "@mantine/core";
+
 
 export const RecentConversations = () => {
  const [MyUsers] = useState(users);
@@ -123,22 +113,7 @@ export const ChatPlaceHolder = ({
  );
 };
 
-function Demo() {
- return (
- <Popover width={200} position="bottom" withArrow shadow="md">
- <Popover.Target>
- <Button>Toggle popover</Button>
- </Popover.Target>
- <Popover.Dropdown>
- <Text size="xs">
- This is uncontrolled popover, it is opened when button is clicked
- </Text>
- </Popover.Dropdown>
- </Popover>
- );
-}
 export const OnlineNowUsers = () => {
- const [opened, { open, close }] = useDisclosure(false);
 
  const selectedChatType = useChatStore((state) => state.selectedChatType);
  const changeChatType = useChatStore((state) => state.changeChatType);

diff --git a/frontend/code/src/Components/Chat/Components/RoomChatHelpers.tsx b/frontend/code/src/Components/Chat/Components/RoomChatHelpers.tsx
@@ -1,5 +1,5 @@
 import { SetStateAction, useState } from "react";
-import { ChatType, useChatStore } from "../Controllers/ChatControllers";
+import { useChatStore } from "../Controllers/ChatControllers";
 import users, {
  GroupChat,
  Lock,
@@ -12,7 +12,7 @@ import users, {
  groupIcon,
 } from "./tools/Assets";
 import { SelectedUserTile } from "..";
-import { findRenderedComponentWithType } from "react-dom/test-utils";
+
 
 interface NullComponentProps {
  message: string;
@@ -83,7 +83,6 @@ export const CreateNewRoomModal = () => {
  }) => {
  setName(event.target.value);
  };
- const [MyUsers] = useState(users);
  const createNewRoom = useChatStore((state) => state.createNewRoom);
 
  const [selectedOption, setSelectedOption] = useState(RoomType.Public); // Initialize with a default value
@@ -244,9 +243,7 @@ export const RoomSettingsModal = () => {
  );
 
  const [selectedOption, setSelectedOption] = useState(currentRoom?.type); // Initialize with a default value
- const handleOptionChange = (e: any) => {
- setSelectedOption(e.target.value);
- };
+
 
  const resetModalState = () => {
  setSelectedOption(RoomType.Public);
@@ -442,12 +439,12 @@ export const ExploreRoomsModal = () => {
  }}
  >
  <div className="flex flex-row justify-between items-center">
- <a>
- <img className="w-[100%]" alt="" src={groupIcon} />
+ <a href="/#">
+ <img  className="w-[100%]" alt="" src={groupIcon} />
  </a>
  <p>{room.name}</p>
 
- <a>
+ <a href="/#">
  <img
  className=""
  alt=""

diff --git a/frontend/code/src/Components/Chat/index.tsx b/frontend/code/src/Components/Chat/index.tsx
@@ -13,7 +13,7 @@ import React from "react";
 import { ChatType, useChatStore } from "./Controllers/ChatControllers";
 
 import { RecentConversations } from "./Components/RecentChat";
-import { MantineProvider, createTheme } from "@mantine/core";
+
 
 export interface ConversationProps {
  onRemoveUserPreview: () => void;
@@ -26,7 +26,7 @@ export const Chat = () => {
  setShowUserPreview(!showUserPreview);
  };
  return (
- <MantineProvider>
+
  <>
  <div className="flex h-full divide-black divide-x-4 bg-[#1A1C26]">
  <div
@@ -50,7 +50,6 @@ export const Chat = () => {
  </div>
  </div>
  </>
- </MantineProvider>
  );
 };