github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-25 20:46: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

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

@@ -1,23 +1,28 @@
@import "../../../variables.module"
@mixin tab-container
max-width: 513px
margin: 0 auto
.settings-page
max-width: 513px
background: #F7F9FC;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
/* justify-content: center; */
margin: 0 auto;
height: 100vh;
& .tabs-nav
padding-top: 0px;
.header-section
margin-bottom: 30px;
background: #F7F9FC;
&__container
@include tab-container
&__title
@@ -25,5 +30,10 @@
color: $blue-gray
font-weight: 600
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);
return (<>
<div className="settings-page">
<div className="header-section">
<div className="header-section__title">Settings</div>
<Tabs tabs={TABS} currentTab={currentTab} color={color} onChange={setCurrentTab} leftAligned classes={{root:"tabs-nav"}}/>
</div>
<div>
{currentTab === TABS[0].tab && <React.Fragment>
<UserSettings/>
</React.Fragment>}
{currentTab === TABS[1].tab && <React.Fragment>
<WorkspaceSettings/>
</React.Fragment>}
</div>
<div className="header-section">
<div className="header-section__container">
<div className="header-section__title">Settings</div>
<Tabs tabs={TABS} currentTab={currentTab} color={color} onChange={setCurrentTab} leftAligned classes={{root:"tabs-nav"}}/>
</div>
</div>
<div className="tab-content">
<div className="tab-content__container">
{currentTab === TABS[0].tab && <React.Fragment>
<UserSettings/>
</React.Fragment>}
{currentTab === TABS[1].tab && <React.Fragment>
<WorkspaceSettings/>
</React.Fragment>}
</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 () => {
try {
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)
} catch (e) {
console.error(e);