feat: blank placeholder

src/routes/chat/index.js

@@ -7,11 +7,11 @@ 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 Contact from "../../common/component/Contact";
 import CurrentUser from "../../common/component/CurrentUser";
-import IconLogo from "../../assets/icons/rustchat.logo.svg";
 import ChannelChat from "./ChannelChat";
 import DMChat from "./DMChat";
 import ChannelList from "./ChannelList";
@@ -104,7 +104,7 @@ export default function ChatPage() {
           <CurrentUser />
         </div>
         <div className={`right ${placeholderVisible ? "placeholder" : ""}`}>
-          {placeholderVisible && <IconLogo />}
+          {placeholderVisible && <BlankPlaceholder />}
           {channel_id && (
             <ChannelChat cid={channel_id} dropFiles={channelDropFiles} />
           )}

src/routes/contacts/index.js

@@ -5,9 +5,9 @@ import Search from "../../common/component/Search";
 import Contact from "../../common/component/Contact";
 // import CurrentUser from "../../common/component/CurrentUser";
 import Profile from "../../common/component/Profile";
-import IconLogo from "../../assets/icons/rustchat.logo.svg";
 
 import StyledWrapper from "./styled";
+import BlankPlaceholder from "../../common/component/BlankPlaceholder";
 
 export default function ContactsPage() {
   const { user_id } = useParams();
@@ -38,7 +38,7 @@ export default function ContactsPage() {
         </div>
       ) : (
         <div className="right placeholder">
-          <IconLogo />
+          <BlankPlaceholder type="contact" />
         </div>
       )}
     </StyledWrapper>