mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-11 04:16:55 +00:00
update links
This commit is contained in:
1 parent
aa51e09e23
commit
b1182b95da
2 files changed
+1
-143
No files matched your search
@@ -1,142 +0,0 @@
|
||||
import React from 'react';
|
||||
import { SessionStateResponse } from '../api/SessionState';
|
||||
import { SessionWrapper } from '../../session/SessionWrapper';
|
||||
|
||||
interface Props {
|
||||
sessionState?: SessionStateResponse,
|
||||
sessionWrapper: SessionWrapper,
|
||||
///historyBadgeCount: number,
|
||||
//isHistoryCountBadgeVisible: boolean,
|
||||
logoutHandler: () => void,
|
||||
}
|
||||
|
||||
function NewTopNav(props: Props) {
|
||||
let badge = <span />;
|
||||
|
||||
/*if (props.historyBadgeCount > 0) {
|
||||
let className = "tag is-info is-light";
|
||||
|
||||
if (props.isHistoryCountBadgeVisible) {
|
||||
className = "tag is-danger";
|
||||
}
|
||||
|
||||
badge = <span className={className}>{props.historyBadgeCount}</span>;
|
||||
}*/
|
||||
|
||||
let loggedIn = false;
|
||||
let displayName = "My Account";
|
||||
|
||||
if (props.sessionState !== undefined) {
|
||||
console.log('sessionstate', props.sessionState);
|
||||
loggedIn = props.sessionState.logged_in;
|
||||
if (props.sessionState.user !== undefined &&
|
||||
props.sessionState.user !== null) {
|
||||
displayName = props.sessionState.user.display_name;
|
||||
}
|
||||
}
|
||||
|
||||
// Vo.codes 2.0
|
||||
let loginManagement = <span />;
|
||||
let extendedFeatures = <span />;
|
||||
let column1 = <div></div>;
|
||||
let column2 = <div></div>;
|
||||
|
||||
if (true) {
|
||||
if (loggedIn) {
|
||||
loginManagement = (
|
||||
<span>
|
||||
<a href="#profile" onClick={() => {}}>{displayName}</a>
|
||||
<a href="#logout" onClick={() => {}}>Log Out</a>
|
||||
</span>
|
||||
);
|
||||
column1 = (
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Firehose</button>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
loginManagement = (
|
||||
<span>
|
||||
<a href="#login" onClick={() => {}}>Login</a>
|
||||
<a href="#signup" onClick={() => {}} className="signup">Sign Up</a>
|
||||
</span>
|
||||
);
|
||||
column1 = (
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Sign Up</button>
|
||||
</div>
|
||||
);
|
||||
column2 = (
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Login</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
extendedFeatures = (
|
||||
<div className="notification is-info is-light">
|
||||
<strong>NEW Community Features let you use Your Own Voices and Video:</strong>
|
||||
<br />
|
||||
<br />
|
||||
<a href="#community_tts" onClick={() => {}}>TTS</a>
|
||||
<a href="#community_video" onClick={() => {}}>Video</a>
|
||||
<a href="#upload" onClick={() => {}}>Upload</a>
|
||||
<a href="#my_data" onClick={() => {}}>My Data</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<nav>
|
||||
<div className="columns">
|
||||
{column1}
|
||||
{column2}
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Text to Speech 🗣️</button>
|
||||
</div>
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Video 🎥</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="columns">
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Upload TTS ⬆️</button>
|
||||
</div>
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>Upload Video ⬆️</button>
|
||||
</div>
|
||||
<div className="column">
|
||||
<button
|
||||
className="button is-link is-large is-inverted"
|
||||
onClick={() => {}}
|
||||
>My Data</button>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
</nav>
|
||||
)
|
||||
}
|
||||
|
||||
export { NewTopNav };
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import { NewTopNav } from '../v1/navigation/NewTopNav';
|
||||
import { NewTopNav } from './NewTopNav';
|
||||
import { LoginComponent } from './login/LoginComponent';
|
||||
import { SignupComponent } from './signup/SignupComponent';
|
||||
import { Switch, Route } from 'react-router-dom';
|
||||
|
||||
Reference in new issue
Block a user