Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

refactor: remove panel from userinfo component #14364

Merged
merged 11 commits into from May 8, 2021
Merged

refactor: remove panel from userinfo component #14364

Changes from 8 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
b0b41d8
first pass
pkdotson Apr 13, 2021
cd52a4c
Merge branch 'master' of https://github.com/preset-io/superset into u…
pkdotson Apr 27, 2021
fc8bf64
fix merge
pkdotson Apr 27, 2021
ae9cebe
fix lint
pkdotson Apr 27, 2021
79ad31e
Merge branch 'master' of https://github.com/preset-io/superset into u…
pkdotson Apr 29, 2021
f2abb10
covert pane to styled comp
pkdotson Apr 30, 2021
62f67ea
add theme
pkdotson Apr 30, 2021
b6fc679
fix lint
pkdotson Apr 30, 2021
52584c3
Merge branch 'master' of https://github.com/preset-io/superset into u…
pkdotson May 7, 2021
cf3ac6c
fix test
pkdotson May 7, 2021
ed4dba0
remove unused import
pkdotson May 7, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
48 changes: 18 additions & 30 deletions superset-frontend/src/profile/components/App.tsx
View file
Open in desktop
Expand Up @@ -17,10 +17,9 @@
* under the License.
*/
import React from 'react';
import { t, styled } from '@superset-ui/core';
import { Row, Col } from 'src/common/components';
import { Panel } from 'react-bootstrap';
import Tabs from 'src/components/Tabs';
import { t } from '@superset-ui/core';
import { UserWithPermissionsAndRoles } from 'src/types/bootstrapTypes';
import Favorites from './Favorites';
import UserInfo from './UserInfo';
Expand All @@ -32,6 +31,11 @@ interface AppProps {
user: UserWithPermissionsAndRoles;
}

const StyledTabPane = styled(Tabs.TabPane)`
background-color: ${({ theme }) => theme.colors.grayscale.light5};
padding: ${({ theme }) => theme.gridUnit * 4}px;
`;

export default function App({ user }: AppProps) {
return (
<div className="container app">
Expand All @@ -41,62 +45,46 @@ export default function App({ user }: AppProps) {
</Col>
<Col xs={24} md={18}>
<Tabs centered>
<Tabs.TabPane
<StyledTabPane
key="1"
pkdotson marked this conversation as resolved.
Show resolved Hide resolved
tab={
<div>
<i className="fa fa-star" /> {t('Favorites')}
</div>
}
>
<Panel>
<Panel.Body>
<Favorites user={user} />
</Panel.Body>
</Panel>
</Tabs.TabPane>
<Tabs.TabPane
<Favorites user={user} />
</StyledTabPane>
<StyledTabPane
key="2"
tab={
<div>
<i className="fa fa-paint-brush" /> {t('Created content')}
</div>
}
>
<Panel>
<Panel.Body>
<CreatedContent user={user} />
</Panel.Body>
</Panel>
</Tabs.TabPane>
<Tabs.TabPane
<CreatedContent user={user} />
</StyledTabPane>
<StyledTabPane
key="3"
tab={
<div>
<i className="fa fa-list" /> {t('Recent activity')}
</div>
}
>
<Panel>
<Panel.Body>
<RecentActivity user={user} />
</Panel.Body>
</Panel>
</Tabs.TabPane>
<Tabs.TabPane
<RecentActivity user={user} />
</StyledTabPane>
<StyledTabPane
key="4"
tab={
<div>
<i className="fa fa-lock" /> {t('Security & Access')}
</div>
}
>
<Panel>
<Panel.Body>
<Security user={user} />
</Panel.Body>
</Panel>
</Tabs.TabPane>
<Security user={user} />
</StyledTabPane>
</Tabs>
</Col>
</Row>
Expand Down