update links

This commit is contained in:
Brandon Thomas committed 2021-05-26 00:58:19 -04:00
1 parent aa51e09e23
commit b1182b95da
2 files changed
+1 -143

No files matched your search

-142
View File
@@ -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 -1
View File
@@ -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';