chore: remove and refactor ThirdApps

This commit is contained in:
zerosoul
2022-06-13 11:39:28 +08:00
parent 89d407f4b0
commit 87994f0a9c
3 changed files with 25 additions and 33 deletions
+2 -15
View File
@@ -21,8 +21,7 @@ import IconPeople from "../../../assets/icons/people.svg";
import IconPin from "../../../assets/icons/pin.svg";
// import searchIcon from "../../../assets/icons/search.svg?url";
import IconHeadphone from "../../../assets/icons/headphone.svg";
import boardosIcon from "../../../assets/icons/app.boardos.svg?url";
import webrowseIcon from "../../../assets/icons/app.webrowse.svg?url";
import addIcon from "../../../assets/icons/add.svg?url";
import {
// StyledNotification,
@@ -174,19 +173,7 @@ export default function ChannelChat({ cid = "", dropFiles = [] }) {
</Tooltip>
</li>
</ul>
<hr className="divider" />
<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>
{/* <hr className="divider" /> */}
</>
}
header={
+2 -18
View File
@@ -8,9 +8,6 @@ import Tooltip from "../../../common/component/Tooltip";
import FavIcon from "../../../assets/icons/bookmark.svg";
// import searchIcon from "../../../assets/icons/search.svg?url";
import IconHeadphone from "../../../assets/icons/headphone.svg";
import boardosIcon from "../../../assets/icons/app.boardos.svg?url";
import webrowseIcon from "../../../assets/icons/app.webrowse.svg?url";
// import useChatScroll from "../../../common/hook/useChatScroll";
import { useReadMessageMutation } from "../../../app/services/message";
import Contact from "../../../common/component/Contact";
@@ -32,7 +29,6 @@ export default function DMChat({ uid = "", dropFiles = [] }) {
const [updateReadIndex] = useReadMessageMutation();
const updateReadDebounced = useDebounce(updateReadIndex, 300);
console.log("dm files", dropFiles);
// const [mids, setMids] = useState([]);
const { currUser, messageData, footprint, loginUid, selects } = useSelector((store) => {
return {
selects: store.ui.selectMessages[`user_${uid}`],
@@ -45,7 +41,6 @@ export default function DMChat({ uid = "", dropFiles = [] }) {
// const ref = useChatScroll(msgIds);
if (!currUser) return null;
// console.log("user msgs", msgs);
const readIndex = footprint.readUsers[uid];
const feeds = [...msgIds, ...appends];
return (
@@ -80,19 +75,8 @@ export default function DMChat({ uid = "", dropFiles = [] }) {
<FavIcon />
</li> */}
</ul>
<hr className="divider" />
<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>
{/* <hr className="divider" /> */}
{/* Third Apps */}
</>
}
header={
+21
View File
@@ -0,0 +1,21 @@
// 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>
);
}