@mirai/core 0.4.34 → 0.4.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.4.34",
+  "version": "0.4.35",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",

package/public/App.Container.jsx

@@ -86,6 +86,9 @@ export const Container = ({ children }) => {
               <Action inline small onPress={() => setLocation('/deals')}>
                 Deals
               </Action>
+              <Action inline small onPress={() => setLocation('/finder')}>
+                Finder
+              </Action>
             </View>
 
             <View>

package/public/App.jsx

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import { useLocation, Route, Switch } from 'wouter';
 
 import { Container } from './App.Container';
-import { Deals, Home, NotFound, Profile, Signup, Step1, Step2, Step3 } from './routes';
+import { Deals, Finder, Home, NotFound, Profile, Signup, Step1, Step2, Step3 } from './routes';
 
 const App = () => {
   const [location] = useLocation();
@@ -20,6 +20,7 @@ const App = () => {
         <Route path={'/signup'} component={Signup} />
         <Route path={'/profile'} component={Profile} />
         <Route path={'/deals'} component={Deals} />
+        <Route path={'/finder'} component={Finder} />
         <Route path={'/step0-accommodations'} component={undefined} />
         <Route path={'/step1-rates'} component={Step1} />
         <Route path={'/step2-checkout'} component={Step2} />

package/public/routes/Finder.jsx

@@ -0,0 +1,19 @@
+import { Text, View } from '@mirai/ui';
+import React from 'react';
+
+import * as style from './routes.module.css';
+
+export const Finder = () => (
+  <>
+    <View tag="section" className={[style.section, style.box, style.accent]}>
+      <View className={(style.wrapper, style.centered)}>
+        <Text bold headline level={1}>
+          Finder
+        </Text>
+      </View>
+    </View>
+    <View className={[style.wrapper, style.box]}>
+      <View data-mirai-component="finder" data-layout="column" className={style.column} />
+    </View>
+  </>
+);

package/public/routes/index.js

@@ -1,4 +1,5 @@
 export * from './Deals';
+export * from './Finder';
 export * from './Home';
 export * from './NotFound';
 export * from './Profile';

package/public/routes/routes.module.css

@@ -142,7 +142,9 @@
 [data-mirai-component='finder'].column {
   background-color: var(--mirai-ui-content-background);
   max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
+  margin: var(--mirai-ui-space-M);
   padding: var(--mirai-ui-space-M);
+  align-self: center;
 }
 
 @media only screen and (max-width: 480px) {