microtables/frontend/src/cljs/microtables_frontend/views/control_panel.cljs

(ns microtables-frontend.views.control-panel
  (:require
   [microtables-frontend.events :as events]
   [re-frame.core :as re-frame]))

(defn- about-modal []
  [:div#about-modal-overlay
   {:on-click #(re-frame/dispatch [::events/set-controls-state nil])}
   [:div#about-modal
    {:on-click #(.stopPropagation %)}
    [:p "This is a demo version only, and still in development. Nothing gets saved for the moment."]
    [:p "Try adding values (plain numbers) or formulae (ex: \"=B2 + sum(A1:A6)\") into the cells."]
    [:p "Created by "
     [:a {:href "https://betweentwocommits.com/about" :target "_blank"} "Brandon Wong"]]
    [:button {:on-click #(re-frame/dispatch [::events/set-controls-state nil])} "Close"]]])

(defn control-panel [state]
  [:div#control-bar
   [:div#bar-logo [:img {:src "logo.svg" :alt "Microtables"}]]
   [:button.bar-btn
    {:on-click #(re-frame/dispatch [::events/set-controls-state :about])}
    "About"]
   (when (= state :about) [about-modal])])