cha0s/humus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: title

Browse Source
This commit is contained in:
cha0s 2021-03-25 03:31:43 -05:00
parent 5b74605f49
commit de82c7a3f2
3 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
latus.yml
View File

@ -19,7 +19,9 @@
docker: 'cached',
}
'@latus/governor': {}
'@latus/http': {}
'@latus/http': {
title: 'Rooted',
}
'@latus/http/client': {
up: [
'@latus/socket/client',

8
packages/core/src/components/title/index.jsx
View File

@ -16,13 +16,13 @@ const Title = () => (
<div className="title">
<div className="title__muted">
<Switch>
{/* <Route path="/title/local">
<Local />
</Route> */}
<Route path="/title/main">
<Main />
</Route>
{/* <Route path="/title/remote">
{/* <Route path="/title/local">
<Local />
</Route>
<Route path="/title/remote">
<Remote />
</Route> */}
<Route path={['/title', '/title/*']}>

34
packages/core/src/components/title/main/index.jsx
View File

@ -1,22 +1,28 @@
import './index.scss';
import {React} from '@latus/react';
import {
React,
useLatus,
} from '@latus/react';
import {
Link,
} from 'react-router-dom';
const Main = () => (
<div className="title-main">
<h1 className="title-main__title">Rooted</h1>
<ul className="title-main__actions">
<li className="title-main__action">
<Link to="/title/local" className="button title-main__button">Local play</Link>
</li>
<li className="title-main__action">
<Link to="/title/remote" className="button title-main__button">Remote play</Link>
</li>
</ul>
</div>
);
const Main = () => {
const latus = useLatus();
return (
<div className="title-main">
<h1 className="title-main__title">{latus.get('@latus/http.title')}</h1>
<ul className="title-main__actions">
<li className="title-main__action">
<Link to="/title/local" className="button title-main__button">Local play</Link>
</li>
<li className="title-main__action">
<Link to="/title/remote" className="button title-main__button">Remote play</Link>
</li>
</ul>
</div>
);
};
export default Main;