diff --git a/frontend/src/js/component/wb-inline-search.js b/frontend/src/js/component/wb-inline-search.js
new file mode 100644
index 0000000..7f7b685
--- /dev/null
+++ b/frontend/src/js/component/wb-inline-search.js
@@ -0,0 +1,14 @@
+import { h, Component } from 'preact';
+
+class WBInlineSearch extends Component {
+ render() {
+ return (
+
+ );
+ }
+}
+
+export default WBInlineSearch;
diff --git a/frontend/src/js/component/wb-navbar.js b/frontend/src/js/component/wb-navbar.js
deleted file mode 100644
index a11d733..0000000
--- a/frontend/src/js/component/wb-navbar.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import { h, Component } from 'preact';
-
-class WBNavbar extends Component {
- render() {
- return (
-
- );
- }
-}
-
-export default WBNavbar;
diff --git a/frontend/src/js/component/wb-app.js b/frontend/src/js/page/wb-app.js
similarity index 85%
rename from frontend/src/js/component/wb-app.js
rename to frontend/src/js/page/wb-app.js
index 8c7f7b6..6afce09 100644
--- a/frontend/src/js/component/wb-app.js
+++ b/frontend/src/js/page/wb-app.js
@@ -6,6 +6,7 @@ import WBPagination from 'wb-pagination';
import WBProjectListing from 'wb-project-listing';
import WBNavbar from 'wb-navbar';
import WBBrowse from 'wb-browse';
+import WBSignIn from 'wb-sign-in';
class WBApp extends Component {
render({}, { activePage }) {
@@ -15,9 +16,7 @@ class WBApp extends Component {
Hello, world!
-
-
-
+
diff --git a/frontend/src/js/page/wb-browse.js b/frontend/src/js/page/wb-browse.js
index 30eed7a..be0cdb3 100644
--- a/frontend/src/js/page/wb-browse.js
+++ b/frontend/src/js/page/wb-browse.js
@@ -1,12 +1,18 @@
import { h, Component } from 'preact';
import WBNavbar from 'wb-navbar';
import WBProjectListing from 'wb-project-listing';
+import WBInlineSearch from 'wb-inline-search';
class WBBrowse extends Component {
render({ ownerUuid }) {
return (
+ );
+ }
+}
+
+export default WBLogin;
diff --git a/frontend/src/js/widget/wb-navbar.js b/frontend/src/js/widget/wb-navbar.js
new file mode 100644
index 0000000..2ab453c
--- /dev/null
+++ b/frontend/src/js/widget/wb-navbar.js
@@ -0,0 +1,87 @@
+import { h, Component } from 'preact';
+
+class WBNavbar extends Component {
+ render({ title, items, rhs, onItemClicked }) {
+ return (
+
+ );
+ }
+}
+
+WBNavbar.defaultProps = {
+ 'title': 'Workbench Advanced',
+ 'items': [],
+ 'form': null,
+ 'onItemClicked': () => {}
+}
+
+export default WBNavbar;