martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-14 12:39:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

added placeholder for card and channel list

Browse Source
This commit is contained in:
Roland Osborne 2022-03-22 23:37:01 -07:00
parent 8e2a7c214d
commit 608efd22b8
6 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
net/web/src/User/Profile/Profile.styled.js
View File

@ -15,7 +15,7 @@ export const ProfileWrapper = styled.div`
width: 100%;
flex-direction: row;
align-items: center;
background-color: #ddeedd;
background-color: #dddddd;
height: 64px;
padding-right: 16px;
padding-left: 16px;
@ -44,8 +44,8 @@ export const ProfileWrapper = styled.div`
.logo {
width: 100%;
height: 100%;
width: 200px;
height: 200px;
width: 192px;
height: 192px;
border: 1px solid #dddddd;
border-radius: 8px;
align-items: center;

6
net/web/src/User/SideBar/Contacts/Cards/Cards.jsx Normal file
View File

@ -0,0 +1,6 @@
import React from 'react'
export function Cards() {
return <div>CARDS</div>
}

6
net/web/src/User/SideBar/Contacts/Channels/Channels.jsx Normal file
View File

@ -0,0 +1,6 @@
import React from 'react'
export function Channels() {
return <div>CHANNELS</div>
}

13
net/web/src/User/SideBar/Contacts/Contacts.jsx
View File

@ -2,6 +2,11 @@ import { Avatar, Image } from 'antd';
import React from 'react'
import { ContactsWrapper } from './Contacts.styled';
import { useContacts } from './useContacts.hook';
import { Tabs } from 'antd';
import { Cards } from './Cards/Cards';
import { Channels } from './Channels/Channels';
const { TabPane } = Tabs;
export function Contacts() {
@ -9,6 +14,14 @@ export function Contacts() {
return (
<ContactsWrapper>
<Tabs defaultActiveKey="1">
<TabPane tab="Contacts" key="1">
<Cards />
</TabPane>
<TabPane tab="Conversations" key="2">
<Channels />
</TabPane>
</Tabs>
</ContactsWrapper>
)
}

1
net/web/src/User/SideBar/Contacts/Contacts.styled.jsx
View File

@ -2,6 +2,7 @@ import { Button } from 'antd';
import styled from 'styled-components';
export const ContactsWrapper = styled.div`
padding: 16px;
width: 100%;
flex-grow: 1;
background-color: #f6f5ed;

1
net/web/src/User/SideBar/Identity/Identity.styled.js
View File

@ -67,6 +67,7 @@ export const MenuWrapper = styled(Menu)`
export const IdentityDropdown = styled(Dropdown)`
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;