From de82c7a3f2fe73781f54bab9c64db585384e88c9 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Thu, 25 Mar 2021 03:31:43 -0500
Subject: [PATCH] feat: title

---
 latus.yml                                     |  4 ++-
 packages/core/src/components/title/index.jsx  |  8 ++---
 .../core/src/components/title/main/index.jsx  | 34 +++++++++++--------
 3 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/latus.yml b/latus.yml
index c8b823e..50f7b62 100644
--- a/latus.yml
+++ b/latus.yml
@@ -19,7 +19,9 @@
   docker: 'cached',
 }
 '@latus/governor': {}
-'@latus/http': {}
+'@latus/http': {
+  title: 'Rooted',
+}
 '@latus/http/client': {
   up: [
     '@latus/socket/client',
diff --git a/packages/core/src/components/title/index.jsx b/packages/core/src/components/title/index.jsx
index 369fea8..ed2135a 100644
--- a/packages/core/src/components/title/index.jsx
+++ b/packages/core/src/components/title/index.jsx
@@ -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/*']}>
diff --git a/packages/core/src/components/title/main/index.jsx b/packages/core/src/components/title/main/index.jsx
index d385b38..8061ea8 100644
--- a/packages/core/src/components/title/main/index.jsx
+++ b/packages/core/src/components/title/main/index.jsx
@@ -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;