45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
|
import { FunctionalComponent, h } from "preact";
|
|||
|
|
import * as style from "./style.css";
|
|||
|
|
import { route } from 'preact-router';
|
|||
|
|
import { base58UUID } from '../../util/uuid';
|
|||
|
|
|
|||
|
|
const Home: FunctionalComponent = () => {
|
|||
|
|
|
|||
|
|
const openNewProject = () => {
|
|||
|
|
const uuid = base58UUID();
|
|||
|
|
route(`/p/${uuid}`);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div class={`container ${style.home}`}>
|
|||
|
|
<div class="columns">
|
|||
|
|
<div class="column">
|
|||
|
|
<div class="buttons is-right">
|
|||
|
|
<button class="button is-primary"
|
|||
|
|
onClick={openNewProject}>
|
|||
|
|
<strong>+</strong> Nouveau projet
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="panel">
|
|||
|
|
<p class="panel-heading">
|
|||
|
|
Mes projets
|
|||
|
|
</p>
|
|||
|
|
<div class="panel-block">
|
|||
|
|
<p class="control has-icons-left">
|
|||
|
|
<input class="input" type="text" placeholder="Search" />
|
|||
|
|
<span class="icon is-left">🔍</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<a class="panel-block">
|
|||
|
|
<span class="panel-icon">🗒️</span>
|
|||
|
|
Projet #1
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default Home;
|