mirror of
https://github.com/penpot/penpot.git
synced 2025-05-19 06:46:10 +02:00
105 lines
3.5 KiB
Clojure
105 lines
3.5 KiB
Clojure
;; This Source Code Form is subject to the terms of the Mozilla Public
|
|
;; License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
;;
|
|
;; This Source Code Form is "Incompatible With Secondary Licenses", as
|
|
;; defined by the Mozilla Public License, v. 2.0.
|
|
;;
|
|
;; Copyright (c) 2020 UXBOX Labs SL
|
|
|
|
(ns app.main.ui.dashboard.files
|
|
(:require
|
|
[app.main.data.dashboard :as dd]
|
|
[app.main.data.modal :as modal]
|
|
[app.main.store :as st]
|
|
[app.main.ui.components.context-menu :refer [context-menu]]
|
|
[app.main.ui.dashboard.grid :refer [grid]]
|
|
[app.main.ui.dashboard.inline-edition :refer [inline-edition]]
|
|
[app.main.ui.dashboard.project-menu :refer [project-menu]]
|
|
[app.main.ui.icons :as i]
|
|
[app.util.dom :as dom]
|
|
[app.util.i18n :as i18n :refer [t]]
|
|
[app.util.keyboard :as kbd]
|
|
[app.util.router :as rt]
|
|
[okulary.core :as l]
|
|
[rumext.alpha :as mf]))
|
|
|
|
(mf/defc header
|
|
[{:keys [team project] :as props}]
|
|
(let [local (mf/use-state {:menu-open false
|
|
:edition false})
|
|
locale (mf/deref i18n/locale)
|
|
project-id (:id project)
|
|
team-id (:id team)
|
|
|
|
on-menu-click
|
|
(mf/use-callback #(swap! local assoc :menu-open true))
|
|
|
|
on-menu-close
|
|
(mf/use-callback #(swap! local assoc :menu-open false))
|
|
|
|
on-edit
|
|
(mf/use-callback #(swap! local assoc :edition true :menu-open false))
|
|
|
|
toggle-pin
|
|
(mf/use-callback
|
|
(mf/deps project)
|
|
(st/emitf (dd/toggle-project-pin project)))
|
|
|
|
on-create-clicked
|
|
(mf/use-callback
|
|
(mf/deps project)
|
|
(fn [event]
|
|
(dom/prevent-default event)
|
|
(st/emit! (dd/create-file {:project-id (:id project)}))))]
|
|
|
|
|
|
[:header.dashboard-header
|
|
(if (:is-default project)
|
|
[:div.dashboard-title
|
|
[:h1 (t locale "dashboard.draft-title")]]
|
|
|
|
(if (:edition @local)
|
|
[:& inline-edition {:content (:name project)
|
|
:on-end (fn [name]
|
|
(st/emit! (dd/rename-project (assoc project :name name)))
|
|
(swap! local assoc :edition false))}]
|
|
[:div.dashboard-title
|
|
[:h1 {:on-double-click on-edit}
|
|
(:name project)]
|
|
[:div.icon {:on-click on-menu-click}
|
|
i/actions]
|
|
[:& project-menu {:project project
|
|
:show? (:menu-open @local)
|
|
:on-edit on-edit
|
|
:on-menu-close on-menu-close}]
|
|
[:div.icon.pin-icon
|
|
{:class (when (:is-pinned project) "active")
|
|
:on-click toggle-pin}
|
|
i/pin]]))
|
|
[:a.btn-secondary.btn-small {:on-click on-create-clicked}
|
|
(t locale "dashboard.new-file")]]))
|
|
|
|
(defn files-ref
|
|
[project-id]
|
|
(l/derived (l/in [:files project-id]) st/state))
|
|
|
|
(mf/defc files-section
|
|
[{:keys [project team] :as props}]
|
|
(let [files-ref (mf/use-memo (mf/deps (:id project)) #(files-ref (:id project)))
|
|
files-map (mf/deref files-ref)
|
|
files (->> (vals files-map)
|
|
(sort-by :modified-at)
|
|
(reverse))]
|
|
|
|
(mf/use-effect
|
|
(mf/deps (:id project))
|
|
(fn []
|
|
(st/emit! (dd/fetch-files {:project-id (:id project)}))))
|
|
|
|
[:*
|
|
[:& header {:team team :project project}]
|
|
[:section.dashboard-container
|
|
[:& grid {:id (:id project)
|
|
:files files}]]]))
|
|
|