simplify home and add it to portfolio

Author: sprocketc

.clj-kondo/metosin/malli-types-cljs/config.edn

@@ -16416,14 +16416,17 @@
                                         renderer.utils.keyboard {key-code->key {:arities {1 {:args [:number],
                                                                                              :ret :nilable/string}}},
                                                                  modifiers {:arities {1 {:args [:any], :ret :set}}}},
-                                        renderer.ruler.views {bounds-rect {:arities {0 {:args [], :ret :any}}},
-                                                              pointer {:arities {0 {:args [], :ret :any}}},
+                                        renderer.ruler.views {bounds-rect {:arities {1 {:args [:keyword], :ret :any}}},
+                                                              pointer {:arities {1 {:args [:keyword], :ret :any}}},
                                                               line {:arities {1 {:args [:map], :ret :any}}},
-                                                              label {:arities {3 {:args [:number :number :string],
+                                                              label {:arities {4 {:args [:keyword
+                                                                                         :number
+                                                                                         :number
+                                                                                         :string],
                                                                                   :ret :any}}},
-                                                              base-lines {:arities {0 {:args [], :ret :any}}},
-                                                              ruler {:arities {0 {:args [], :ret :any}}},
-                                                              grid-lines {:arities {0 {:args [], :ret :any}}}},
+                                                              base-lines {:arities {1 {:args [:keyword], :ret :any}}},
+                                                              ruler {:arities {1 {:args [:keyword], :ret :any}}},
+                                                              grid-lines {:arities {1 {:args [:keyword], :ret :any}}}},
                                         renderer.utils.compatibility {version->vec {:arities {1 {:args [:string],
                                                                                                  :ret :seqable}}},
                                                                       requires-migration? {:arities {2 {:args [:seqable

portfolio/src/components/icon_scenes.cljs

@@ -91,7 +91,6 @@
    "pencil"
    "play"
    "plus"
-   "pointer-tool"
    "pointer"
    "polygon-tool"
    "polygon"
@@ -141,12 +140,11 @@
 
 (defscene default
   :title "Default icons"
-  [ui/scroll-area
-   [:div.flex.gap-2.p-3
-    (for [icon-name default-icons]
-      ^{:key icon-name}
-      [:div {:title icon-name}
-       [ui/icon icon-name]])]])
+  [:div.flex.flex-wrap.gap-2.p-3
+   (for [icon-name default-icons]
+     ^{:key icon-name}
+     [:div {:title icon-name}
+      [ui/icon icon-name]])])
 
 (def branded-icons
   ["android_head"

portfolio/src/portfolio.cljs

@@ -3,7 +3,8 @@
             [components.icon-scenes]
             [components.slider-scenes]
             [components.switch-scenes]
-            [portfolio.ui :as ui]))
+            [portfolio.ui :as ui]
+            [sections.home-scenes]))
 
 (ui/start!
  {:config
@@ -19,7 +20,7 @@
    :background/default-option-id :dark-mode
    :viewport/defaults {:viewport/padding [0]
                        :viewport/width "100%"
-                       :viewport/height 41}
+                       :viewport/height "500px"}
    :canvas/gallery-defaults {:viewport/padding [0]
                              :viewport/width "100%"
                              :viewport/height 41}}})

portfolio/src/sections/home_scenes.cljs

@@ -0,0 +1,13 @@
+(ns sections.home-scenes
+  (:require
+   [portfolio.reagent-18 :refer-macros [defscene]]
+   [renderer.app.subs]
+   [renderer.app.views :as app.v]))
+
+#_{:clj-kondo/ignore [:clojure-lsp/unused-public-var]}
+(defscene home
+  :title "Home"
+  :params (atom ["asdsads"])
+  [store]
+  [:div.flex.flex-col.h-dvh.overflow-hidden
+   [app.v/home @store]])

src/renderer/app/views.cljs

@@ -150,10 +150,10 @@
    10 [74 105]})
 
 (defn home [recent-documents]
-  [:div.flex.overflow-hidden.md:overflow-visible
+  [:div.flex.overflow-hidden
    [ui/scroll-area
-    [:div.flex.min-h-full.justify-center.p-2.md:h-dvh
-     [:div.self-center.justify-between.flex.h-full.md:h-auto.w-full.lg:w-auto
+    [:div.flex.justify-center.p-2
+     [:div.justify-between.flex.w-full.lg:w-auto
       [:div.bg-primary.p-6.lg:p-12.flex.max-w-screen-xl.w-full.gap-8
        [:div.flex-1
         [:h1.text-4xl.mb-1.font-light config/app-name]
@@ -246,7 +246,7 @@
           "Changelog"]]]
 
        [:div.hidden.md:block.flex-1
-        [:img {:src "img/icon.svg"}]]]]]]])
+        [:img {:src "../img/icon.svg"}]]]]]]])
 
 (defn root
   []
@@ -256,7 +256,7 @@
         active-tool (rf/subscribe [::tool.s/active])
         recent-docs (rf/subscribe [::document.s/recent])]
     [:> Tooltip/Provider
-     [:div.flex.flex-col.flex-1.h-dvh.overflow-hidden
+     [:div.flex.flex-col.flex-1.h-dvh.overflow-hidden.justify-between
       [window.v/app-header]
       (if (seq @documents)
         [:div.flex.h-full.flex-1.overflow-hidden.gap-px
@@ -279,6 +279,7 @@
                 [:div.bg-primary.grow.flex.mr-px]]])
             [:div.bg-primary.flex
              [ui/scroll-area [toolbar.object/root]]]]]]]
-        [home @recent-docs])]
+        [home @recent-docs])
+      [:div]]
      [dialog.v/root]
      [notification/main]]))