Added search engine to open source Shuffle with external links

This commit is contained in:
frikky
2022-06-21 01:38:40 +02:00
parent a792766b3b
commit daf200149f
13 changed files with 2472 additions and 12 deletions
+20 -7
View File
@@ -39,6 +39,7 @@ import {
} from "@mui/icons-material";
//import LogoutIcon from '@mui/icons-material/Logout';
import { useAlert } from "react-alert";
import SearchField from '../components/Searchfield'
const hoverColor = "#f85a3e";
const hoverOutColor = "#e8eaf6";
@@ -506,7 +507,7 @@ const Header = (props) => {
//<div style={{position: "fixed", top: 0, left: 0, display: "flex"}}>
const loginTextBrowser = !isLoggedIn ? (
<div style={{ display: "flex" }}>
<List style={{ display: "flex", flexDirect: "row" }} component="nav">
<List style={{ flex: 1, display: "flex", flexDirect: "row" }} component="nav">
<ListItem style={{ textAlign: "center", marginLeft: "0px" }}>
<Link to="/docs" style={hrefStyle}>
<div
@@ -519,7 +520,13 @@ const Header = (props) => {
</Link>
</ListItem>
</List>
<div style={{ flex: "7", display: "flex", flexDirection: "row-reverse" }}>
{!isLoaded ? null :
userdata.chat_disabled === true ? null :
<div style={{flex: 1, marginTop: 5,}}>
<SearchField serverside={false} />
</div>
}
<div style={{ flex: 1, display: "flex", flexDirection: "row-reverse" }}>
<List
style={{ display: "flex", flexDirection: "row-reverse" }}
component="nav"
@@ -540,12 +547,12 @@ const Header = (props) => {
</div>
) : (
<div style={{ display: "flex" }}>
<div style={{ flex: "1", flexDirection: "row" }}>
<div style={{ flex: 1, flexDirection: "row" }}>
<List
style={{ display: "flex", flexDirect: "row", flex: "1" }}
component="nav"
>
<ListItem style={{ textAlign: "center" }}>
<ListItem style={{ textAlign: "center", maxWidth: 140, }}>
<Link to="/workflows" style={hrefStyle}>
<div
onMouseOver={handleSoarHover}
@@ -561,7 +568,7 @@ const Header = (props) => {
</div>
</Link>
</ListItem>
<ListItem style={{ textAlign: "center" }}>
<ListItem style={{ textAlign: "center", maxWidth: 100, }}>
<Link to="/apps" style={hrefStyle}>
<div
onMouseOver={handleHelpHover}
@@ -584,7 +591,7 @@ const Header = (props) => {
</Link>
</ListItem>
*/}
<ListItem style={{ textAlign: "center" }}>
<ListItem style={{ textAlign: "center", maxWidth: 120, }}>
<Link to="/docs" style={hrefStyle}>
<div
onMouseOver={handleDocsHover}
@@ -619,8 +626,14 @@ const Header = (props) => {
*/}
</List>
</div>
{!isLoaded ? null :
userdata.chat_disabled === true ? null :
<div style={{flex: 1, marginTop: 5,}}>
<SearchField serverside={false} />
</div>
}
<div
style={{ flex: "10", display: "flex", flexDirection: "row-reverse" }}
style={{ flex: 1, display: "flex", flexDirection: "row-reverse" }}
>
{avatarMenu}
{notificationMenu}