chore: rename files

2023-01-29 09:25:50 +08:00
parent 23b452f579
commit be116c4d7e
5 changed files with 0 additions and 124 deletions
@@ -79,16 +79,6 @@ const Styled = styled.ul`
          }
        }
      }
      &.muted {
        .up .name,
        .up .time,
        .down .msg {
          color: #d0d5dd;
        }
        .down .badge {
          background: #bfbfbf;
        }
      }
    }
  }
 `;
@@ -1,21 +0,0 @@
 // import React from 'react'
 import boardosIcon from "../../assets/icons/app.boardos.svg?url";
 import webrowseIcon from "../../assets/icons/app.webrowse.svg?url";
 import Tooltip from "../../common/component/Tooltip";
 export default function ThirdApps() {
  return (
    <ul className="apps">
      <li className="app">
        <Tooltip tip="Webrowse" placement="left">
          <img src={webrowseIcon} alt="app icon" />
        </Tooltip>
      </li>
      <li className="app">
        <Tooltip tip="BoardOS" placement="left">
          <img src={boardosIcon} alt="app icon" />
        </Tooltip>
      </li>
    </ul>
  );
 }
@@ -1,93 +0,0 @@
 // import React from 'react';
 import { useState, MouseEvent } from "react";
 import { useParams } from "react-router-dom";
 import { AiOutlineCaretDown } from "react-icons/ai";
 import StyledWrapper from "./styled";
 import AddIcon from "../../assets/icons/add.svg";
 import BlankPlaceholder from "../../common/component/BlankPlaceholder";
 import Server from "../../common/component/Server";
 import Tooltip from "../../common/component/Tooltip";
 import ChannelChat from "./ChannelChat";
 import DMChat from "./DMChat";
 import ChannelList from "./ChannelList";
 import UsersModal from "../../common/component/UsersModal";
 import ChannelModal from "../../common/component/ChannelModal";
 import DMList from "./DMList";
 import { useAppSelector } from "../../app/store";
 export default function ChatPage() {
  const [channelDropFiles, setChannelDropFiles] = useState<File[]>([]);
  const [userDropFiles, setUserDropFiles] = useState<File[]>([]);
  const { sessionUids } = useAppSelector((store) => {
    return {
      sessionUids: store.userMessage.ids
    };
  });
  const [channelModalVisible, setChannelModalVisible] = useState(false);
  const [usersModalVisible, setUsersModalVisible] = useState(false);
  const { channel_id, user_id = 0 } = useParams();
  const toggleUsersModalVisible = () => {
    setUsersModalVisible((prev) => !prev);
  };
  const toggleChannelModalVisible = () => {
    setChannelModalVisible((prev) => !prev);
  };
  const handleToggleExpand = (evt: MouseEvent<HTMLElement>) => {
    const { currentTarget } = evt;
    currentTarget.classList.toggle("collapse");
  };
  const tmpUid = sessionUids.findIndex((i) => i == +user_id) > -1 ? 0 : +user_id;
  // console.log("temp uid", tmpUid);
  const placeholderVisible = !channel_id && !user_id;
  return (
    <>
      {channelModalVisible && (
        <ChannelModal closeModal={toggleChannelModalVisible} personal={true} />
      )}
      {usersModalVisible && <UsersModal closeModal={toggleUsersModalVisible} />}
      <StyledWrapper>
        <div className="left">
          <Server />
          <div className="list channels">
            <h3 className="title">
              <span className="txt" onClick={handleToggleExpand}>
                <AiOutlineCaretDown className="icon" size={18} color="#78787C" />
                CHANNELS
              </span>
              <Tooltip tip="New Channel" placement="bottom">
                <AddIcon className="add_icon" onClick={toggleChannelModalVisible} />
              </Tooltip>
            </h3>
            <nav className="nav">
              <ChannelList setDropFiles={setChannelDropFiles} />
            </nav>
          </div>
          <div className="list dms">
            <h3 className="title">
              <span className="txt" onClick={handleToggleExpand}>
                <AiOutlineCaretDown className="icon" size={18} color="#78787C" />
                DIRECT MESSAGE
              </span>
              <Tooltip tip="New DM" placement="bottom">
                <AddIcon className="add_icon" onClick={toggleUsersModalVisible} />
              </Tooltip>
            </h3>
            <nav className="nav">
              <DMList
                uids={tmpUid ? [...sessionUids, tmpUid] : sessionUids}
                setDropFiles={setUserDropFiles}
              />
            </nav>
          </div>
        </div>
        <div className={`right ${placeholderVisible ? "placeholder" : ""}`}>
          {placeholderVisible && <BlankPlaceholder />}
          {channel_id && <ChannelChat cid={+channel_id} dropFiles={channelDropFiles} />}
          {user_id && <DMChat uid={+user_id} dropFiles={userDropFiles} />}
        </div>
      </StyledWrapper>
    </>
  );
 }