filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-29 12:06:31 +03:00
Code Issues Packages Projects Releases Wiki Activity

added back arrow on profile pages

Browse Source
This commit is contained in:
Martina 2022-01-18 14:54:35 -08:00
parent 7be8088d79
commit 8e61993396
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/core/Filter/Filters.js
View File

@ -217,7 +217,7 @@ function Following({ viewer, onAction, ...props }) {
* Profile
* -----------------------------------------------------------------------------------------------*/
function Profile({ viewer, data, page, ...props }) {
function Profile({ viewer, onAction, data, page, ...props }) {
if (page.id === "NAV_SLATE") {
data = data.owner;
}
@ -257,9 +257,20 @@ function Profile({ viewer, data, page, ...props }) {
const username = Utilities.getUserDisplayName(data);
let { twitterUsername, body } = data;
let backArrow = (
<div style={{ display: "flex", alignItems: "flex-start", width: "100%", marginBottom: 12 }}>
<Link onAction={onAction} href="/_/data">
<div css={Styles.ICON_CONTAINER}>
<SVG.RightArrow height="20px" style={{ transform: "rotate(180deg)" }} />
</div>
</Link>
</div>
);
return (
<FilterSection {...props}>
<div css={Styles.VERTICAL_CONTAINER_CENTERED} style={{ gap: "12px" }}>
{isAuthenticated ? backArrow : null}
<ProfilePhoto user={data} style={{ borderRadius: "20px" }} size={80} />
<div css={Styles.VERTICAL_CONTAINER_CENTERED} style={{ gap: "4px" }}>
<Typography.H4 color="textGrayDark" style={{ marginTop: 10 }}>