marker/shuffle-cracked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reset header back to old

Browse Source
This commit is contained in:
Frikky
2023-11-15 13:04:51 +01:00
parent 70fa415271
commit ef106d72f7
1 changed files with 71 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Header.jsx
+71 -27
View File
@@ -51,10 +51,14 @@ const hoverOutColor = "#e8eaf6"
const Header = props => {
const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, homePage, userdata, serverside, } = props;
const [HomeHoverColor, setHomeHoverColor] = useState(hoverOutColor);
const [SoarHoverColor, setSoarHoverColor] = useState(hoverOutColor);
const [LoginHoverColor, setLoginHoverColor] = useState(hoverOutColor);
const [DocsHoverColor, setDocsHoverColor] = useState(hoverOutColor);
//const theme = useTheme();
//const alert = useAlert()
const [HomeHoverColor, setHomeHoverColor] = useState(hoverOutColor);
const [SoarHoverColor, setSoarHoverColor] = useState(hoverOutColor);
const [LoginHoverColor, setLoginHoverColor] = useState(hoverOutColor);
const [DocsHoverColor, setDocsHoverColor] = useState(hoverOutColor);
const [HelpHoverColor, setHelpHoverColor] = useState(hoverOutColor);
const [anchorEl, setAnchorEl] = React.useState(null);
const [anchorElAvatar, setAnchorElAvatar] = React.useState(null);
@@ -539,8 +543,6 @@ const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, ho
</Button>
</Link>
</ListItem>
</div>
<div style={{display: "flex", flex: 1, }}>
<ListItem style={{textAlign: "center", marginLeft: "0px",}}>
<Link to ="/usecases" style={hrefStyle}>
@@ -557,6 +559,21 @@ const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, ho
</Button>
</Link>
</ListItem>
{/*
<ListItem style={{textAlign: "center", marginLeft: "0px", paddingRight: 0, }}>
<Link to ="/contact" style={hrefStyle}>
<Button variant="text" color="secondary" style={{textTransform: "none"}} onClick={() => {
ReactGA.event({
category: "header",
action: "contact_click",
label: "",
})
}}>
Contact
</Button>
</Link>
</ListItem>
*/}
{isCloud ?
<ListItem style={{textAlign: "center", marginLeft: "0px", paddingRight: 0,}}>
<Link to ="/pricing" style={hrefStyle}>
@@ -598,33 +615,60 @@ const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, ho
</List>
</div>
<div style={{flex: 1, display: "flex", flexDirection: "row-reverse"}}>
<div style={{flex: 1, marginTop: 0,}}>
<SearchField serverside={serverside} userdata={userdata} />
</div>
<div style={{flex: 1, display: "flex", flexDirection: "row-reverse"}}>
<List style={{display: 'flex', flexDirection: 'row-reverse'}} component="nav">
<ButtonGroup>
<Button variant="outlined" style={{textTransform: "none", borderRadius: 25, padding: "7px 14px 7px 14px", maxWidth: 100, minWidth: 100, }} onClick={() => {
if (isCloud) {
<ListItem style={{textAlign: "center"}}>
<Link to="/login" style={hrefStyle}>
<Button variant="outlined" style={{textTransform: "none", borderRadius: 25, padding: "7px 14px 7px 14px", maxWidth: 100, minWidth: 100, }} onClick={() => {
if (isCloud) {
ReactGA.event({
category: "header",
action: "signin_click",
label: "",
})
}
}}>Login</Button>
</Link>
</ListItem>
{isCloud ?
<ListItem style={{flextextAlign: "center", marginRight: 10, }}>
<Link to="/register" style={hrefStyle}>
<Button variant="contained" color="primary" style={{minWidth: 100, maxWidth: 100, padding: "7px 14px 7px 14px", borderRadius: 25, textTransform: "none", backgroundImage: "linear-gradient(to right, #f86a3e, #f34079)", color: "white",}} onClick={() => {
ReactGA.event({
category: "header",
action: "register_click",
label: "",
})
}}>Sign Up</Button>
</Link>
</ListItem>
: null}
{/*
<span style={{marginTop: 8}}>
{supportMenu}
</span>
*/}
{/*
<ListItem style={{textAlign: "center", marginLeft: "0px", paddingRight: 0, }}>
<Link rel="noopener noreferrer" to="/docs" style={hrefStyle}>
<Button variant="text" color="secondary" style={{textTransform: "none"}} onClick={() => {
ReactGA.event({
category: "header",
action: "signin_click",
action: "docs_click_not_signedin",
label: "",
})
}
}}>Login</Button>
{isCloud ?
<Link to="/register" style={hrefStyle}>
<Button variant="contained" color="primary" style={{minWidth: 100, maxWidth: 100, padding: "7px 14px 7px 14px", borderRadius: 25, textTransform: "none", backgroundImage: "linear-gradient(to right, #f86a3e, #f34079)", color: "white",}} onClick={() => {
ReactGA.event({
category: "header",
action: "register_click",
label: "",
})
}}>Sign Up</Button>
</Link>
</ListItem>
: null}
</ButtonGroup>
}}>
Docs
</Button>
</Link>
</ListItem>
*/}
</List>
</div>
</div>