github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-26 13:04:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Leon
2022-01-30 12:08:52 +02:00
parent 4a69526829
commit b89820fe86
3 changed files with 34 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ui/src/components/Pages/SettingsPage/SettingsPage.sass
View File

@@ -1,14 +1,17 @@
@import "../../../variables.module" @import "../../../variables.module"
@mixin tab-container
max-width: 513px
margin: 0 auto
.settings-page .settings-page
max-width: 513px background: #F7F9FC;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-content: center; align-content: center;
justify-content: center; /* justify-content: center; */
margin: 0 auto; margin: 0 auto;
height: 100vh;
& .tabs-nav & .tabs-nav
padding-top: 0px; padding-top: 0px;
@@ -16,8 +19,10 @@
.header-section .header-section
margin-bottom: 30px;
background: #F7F9FC;
&__container
@include tab-container
&__title &__title
@@ -27,3 +32,8 @@
margin-bottom: 60px; margin-bottom: 60px;
margin-top: 20px; margin-top: 20px;
.tab-content
padding-top: 30px;
&__container
@include tab-container

29
ui/src/components/Pages/SettingsPage/SettingsPage.tsx
View File

@@ -13,19 +13,22 @@ const AdminSettings: React.FC<any> = ({color}) => {
const [currentTab, setCurrentTab] = useState(TABS[0].tab); const [currentTab, setCurrentTab] = useState(TABS[0].tab);
return (<> return (<>
<div className="settings-page"> <div className="settings-page">
<div className="header-section"> <div className="header-section">
<div className="header-section__title">Settings</div> <div className="header-section__container">
<Tabs tabs={TABS} currentTab={currentTab} color={color} onChange={setCurrentTab} leftAligned classes={{root:"tabs-nav"}}/> <div className="header-section__title">Settings</div>
</div> <Tabs tabs={TABS} currentTab={currentTab} color={color} onChange={setCurrentTab} leftAligned classes={{root:"tabs-nav"}}/>
<div> </div>
</div>
{currentTab === TABS[0].tab && <React.Fragment> <div className="tab-content">
<UserSettings/> <div className="tab-content__container">
</React.Fragment>} {currentTab === TABS[0].tab && <React.Fragment>
{currentTab === TABS[1].tab && <React.Fragment> <UserSettings/>
<WorkspaceSettings/> </React.Fragment>}
</React.Fragment>} {currentTab === TABS[1].tab && <React.Fragment>
</div> <WorkspaceSettings/>
</React.Fragment>}
</div>
</div>
</div> </div>
</> </>
) )

2
ui/src/components/UserSettings/UserSettings.tsx
View File

@@ -38,7 +38,7 @@ export const UserSettings : React.FC<Props> = ({}) => {
const getUserList = (async () => { const getUserList = (async () => {
try { try {
let users = [{username:"asd",role:"Admin",status:"Active",userId : "1"}, let users = [{username:"asd",role:"Admin",status:"Active",userId : "1"},
{username:"aaaaaaa",role:"User",status:"Active",userId : "2"}]//await api.getUsers() {username:"asdasdasdasdasdasd",role:"User",status:"Active",userId : "2"}]//await api.getUsers()
setUserRows(users) setUserRows(users)
} catch (e) { } catch (e) {
console.error(e); console.error(e);