|
|
@@ -1,8 +1,9 @@
|
|
|
(ns mobile.components.ui-silk
|
|
|
- (:require [frontend.util :as util]
|
|
|
+ "Mobile top header and bottom tabs"
|
|
|
+ (:require [frontend.handler.editor :as editor-handler]
|
|
|
+ [frontend.util :as util]
|
|
|
[logseq.shui.ui :as shui]
|
|
|
[mobile.state :as mobile-state]
|
|
|
- [frontend.handler.editor :as editor-handler]
|
|
|
[rum.core :as rum]))
|
|
|
|
|
|
(rum/defc app-silk-topbar
|
|
|
@@ -23,32 +24,32 @@
|
|
|
(let [[current-tab set-tab!] (mobile-state/use-tab)]
|
|
|
[:div.app-silk-tabs
|
|
|
{:on-pointer-down #(some-> (.-target ^js %)
|
|
|
- ^js (.closest ".as-item")
|
|
|
- ^js (.-dataset)
|
|
|
- ^js (.-tab) (set-tab!))}
|
|
|
+ ^js (.closest ".as-item")
|
|
|
+ ^js (.-dataset)
|
|
|
+ ^js (.-tab) (set-tab!))}
|
|
|
[:span.as-item
|
|
|
{:class (when (= current-tab "home") "active")
|
|
|
:data-tab "home"}
|
|
|
(shui/button {:variant :icon}
|
|
|
- (shui/tabler-icon "home" {:size 24}))
|
|
|
+ (shui/tabler-icon "home" {:size 24}))
|
|
|
[:small "Journals"]]
|
|
|
[:span.as-item
|
|
|
{:class (when (= current-tab "search") "active")
|
|
|
:data-tab "search"}
|
|
|
(shui/button {:variant :icon}
|
|
|
- (shui/tabler-icon "search" {:size 24}))
|
|
|
+ (shui/tabler-icon "search" {:size 24}))
|
|
|
[:small "Search"]]
|
|
|
[:span.as-item
|
|
|
(shui/button
|
|
|
- {:variant :icon
|
|
|
- :on-click (fn [^js e]
|
|
|
- (util/stop e)
|
|
|
- (editor-handler/show-quick-add))}
|
|
|
- (shui/tabler-icon "plus" {:size 24}))
|
|
|
+ {:variant :icon
|
|
|
+ :on-click (fn [^js e]
|
|
|
+ (util/stop e)
|
|
|
+ (editor-handler/show-quick-add))}
|
|
|
+ (shui/tabler-icon "plus" {:size 24}))
|
|
|
[:small "Quick add"]]
|
|
|
[:span.as-item
|
|
|
{:class (when (= current-tab "settings") "active")
|
|
|
:data-tab "settings"}
|
|
|
(shui/button {:variant :icon}
|
|
|
- (shui/tabler-icon "settings" {:size 24}))
|
|
|
- [:small "Settings"]]]))
|
|
|
+ (shui/tabler-icon "settings" {:size 24}))
|
|
|
+ [:small "Settings"]]]))
|