diff --git a/frontend/src/app/main/ui.cljs b/frontend/src/app/main/ui.cljs index a15e5c6b63..ec5288f6f3 100644 --- a/frontend/src/app/main/ui.cljs +++ b/frontend/src/app/main/ui.cljs @@ -87,7 +87,7 @@ [:* #_[:div.modal-wrapper - #_[:& app.main.ui.releases/release-notes-modal {:version "1.16"}] + #_[:& app.main.ui.releases/release-notes-modal {:version "1.19"}] #_[:& app.main.ui.onboarding/onboarding-templates-modal] #_[:& app.main.ui.onboarding/onboarding-modal] #_[:& app.main.ui.onboarding/onboarding-team-modal]] diff --git a/frontend/src/app/main/ui/releases.cljs b/frontend/src/app/main/ui/releases.cljs index 5c0e088729..084d77dfdc 100644 --- a/frontend/src/app/main/ui/releases.cljs +++ b/frontend/src/app/main/ui/releases.cljs @@ -33,40 +33,41 @@ ;;; --- RELEASE NOTES MODAL (mf/defc release-notes - [{:keys [version] :as props}] - (let [slide (mf/use-state :start) - klass (mf/use-state "fadeInDown") + {::mf/wrap-props false} + [{:keys [version]}] + (let [slide* (mf/use-state :start) + slide (deref slide*) + + klass* (mf/use-state "fadeInDown") + klass (deref klass*) navigate - (mf/use-callback #(reset! slide %)) + (mf/use-fn #(reset! slide* %)) next - (mf/use-callback + (mf/use-fn (mf/deps slide) (fn [] - (if (= @slide :start) + (if (= slide :start) (navigate 0) - (navigate (inc @slide))))) + (navigate (inc slide))))) finish - (mf/use-callback + (mf/use-fn + (mf/deps version) #(st/emit! (modal/hide) (du/mark-onboarding-as-viewed {:version version})))] - (mf/use-effect - (mf/deps) - (fn [] - #(st/emit! (du/mark-onboarding-as-viewed {:version version})))) + (mf/with-effect [] + #(st/emit! (du/mark-onboarding-as-viewed {:version version}))) - (mf/use-layout-effect - (mf/deps @slide) - (fn [] - (when (not= :start @slide) - (reset! klass "fadeIn")) - (let [sem (tm/schedule 300 #(reset! klass nil))] - (fn [] - (reset! klass nil) - (tm/dispose! sem))))) + (mf/with-effect [slide] + (when (not= :start slide) + (reset! klass* "fadeIn")) + (let [sem (tm/schedule 300 #(reset! klass* nil))] + (fn [] + (reset! klass* nil) + (tm/dispose! sem)))) (rc/render-release-notes {:next next diff --git a/frontend/src/app/main/ui/releases/v1_10.cljs b/frontend/src/app/main/ui/releases/v1_10.cljs index a837bd8061..6f7c0e887d 100644 --- a/frontend/src/app/main/ui/releases/v1_10.cljs +++ b/frontend/src/app/main/ui/releases/v1_10.cljs @@ -13,7 +13,7 @@ [{:keys [klass finish version]}] (mf/html [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/beta-on.jpg" :border "0" :alt "Penpot is now BETA"}]] diff --git a/frontend/src/app/main/ui/releases/v1_11.cljs b/frontend/src/app/main/ui/releases/v1_11.cljs index 017337bffc..395cd72ee7 100644 --- a/frontend/src/app/main/ui/releases/v1_11.cljs +++ b/frontend/src/app/main/ui/releases/v1_11.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.11" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.11"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.11-animations.gif" :border "0" :alt "Animations"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 3}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.11-bg-export.gif" :border "0" :alt "Ignore background on export"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 3}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.11-zoom-widget.gif" :border "0" :alt "New zoom widget"}]] @@ -84,6 +84,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 3}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_12.cljs b/frontend/src/app/main/ui/releases/v1_12.cljs index 77edc383d5..65d7e2a41d 100644 --- a/frontend/src/app/main/ui/releases/v1_12.cljs +++ b/frontend/src/app/main/ui/releases/v1_12.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.12" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.12"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.12-ui.gif" :border "0" :alt "Adjustable UI"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.12-guides.gif" :border "0" :alt "Guides"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.12-scrollbars.gif" :border "0" :alt "Scrollbars"}]] @@ -83,13 +83,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.12-nudge.gif" :border "0" :alt "Nudge amount"}]] @@ -102,6 +102,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_13.cljs b/frontend/src/app/main/ui/releases/v1_13.cljs index 48b8c79082..39ad2c79ac 100644 --- a/frontend/src/app/main/ui/releases/v1_13.cljs +++ b/frontend/src/app/main/ui/releases/v1_13.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.13" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.13"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.13-multi-export.gif" :border "0" :alt "Multiple exports"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.13-multiple-fills.gif" :border "0" :alt "Multiple fills and strokes"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.13-members.gif" :border "0" :alt "Members area redesign"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.13-focus.gif" :border "0" :alt "Focus mode"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_14.cljs b/frontend/src/app/main/ui/releases/v1_14.cljs index f63568d04b..334e993f62 100644 --- a/frontend/src/app/main/ui/releases/v1_14.cljs +++ b/frontend/src/app/main/ui/releases/v1_14.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.14" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.14"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.14-shortcuts.gif" :border "0" :alt "Shortcuts panel"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.14-color-group.gif" :border "0" :alt "Colors selection"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.14-fix-on-scroll.gif" :border "0" :alt "Fix elements at scroll"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.14-group-assets.gif" :border "0" :alt "Group library assets with drag & drop"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_15.cljs b/frontend/src/app/main/ui/releases/v1_15.cljs index 42f92457af..9cdb26b079 100644 --- a/frontend/src/app/main/ui/releases/v1_15.cljs +++ b/frontend/src/app/main/ui/releases/v1_15.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.15" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.15"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.15-nested-boards.gif" :border "0" :alt "Nested boards"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.15-share.gif" :border "0" :alt "Share prototype options"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.15-comments.gif" :border "0" :alt "Comments positioning"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.15-view-mode.gif" :border "0" :alt "View Mode improvements"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_16.cljs b/frontend/src/app/main/ui/releases/v1_16.cljs index 7502deaa12..537507abb6 100644 --- a/frontend/src/app/main/ui/releases/v1_16.cljs +++ b/frontend/src/app/main/ui/releases/v1_16.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.16" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Beta release 1.16"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.16-dashboard.gif" :border "0" :alt "Dashboard refreshed look & feel"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.16-slider.gif" :border "0" :alt "Libraries & templates module"}]] @@ -60,18 +60,18 @@ [:div.modal-title [:h2 "Libraries & templates module"]] [:div.modal-content - [:p "This new module will allow you to import a curated selection of the files that are available at the Libraries & Templates page directly from your projects dashboard."] + [:p "This new module will allow you to import a curated selection of the files that are available at the Libraries & Templates page directly from your projects dashboard."] [:p "You no longer need to to download most of them to the computer before importing."]] [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.16-onboarding.gif" :border "0" :alt "Improved onboarding"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.16-click-zoom.gif" :border "0" :alt "Zoom to shape with double click"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_17.cljs b/frontend/src/app/main/ui/releases/v1_17.cljs index 1c9bd519af..1965748c6a 100644 --- a/frontend/src/app/main/ui/releases/v1_17.cljs +++ b/frontend/src/app/main/ui/releases/v1_17.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.17" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/onboarding-version.jpg" :border "0" :alt "What's new release 1.17"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.17-flex-layout.gif" :border "0" :alt "Flex-Layout"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.17-inspect.gif" :border "0" :alt "Inspect at the workspace"}]] @@ -60,18 +60,18 @@ [:div.modal-title [:h2 "Inspect at the workspace"]] [:div.modal-content - [:p "Now you can inspect designs to get measures, properties and production-ready code right at the workspace, so designers and developers can share the same space while working."] + [:p "Now you can inspect designs to get measures, properties and production-ready code right at the workspace, so designers and developers can share the same space while working."] [:p "Also, inspect mode provides a safer view-only mode and other improvements."]] [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.17-webhook.gif" :border "0" :alt "Webhooks"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.17-ally.gif" :border "0" :alt "Accessibility improvements"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_18.cljs b/frontend/src/app/main/ui/releases/v1_18.cljs index e6fbcae68a..cb6d73458c 100644 --- a/frontend/src/app/main/ui/releases/v1_18.cljs +++ b/frontend/src/app/main/ui/releases/v1_18.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.18" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/onboarding-version.jpg" :border "0" :alt "What's new release 1.18"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.18-spacing.gif" :border "0" :alt "Spacing management"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.18-absolute.gif" :border "0" :alt "Position absolute feature"}]] @@ -60,18 +60,18 @@ [:div.modal-title [:h2 "Absolute position elements in Flex layout"]] [:div.modal-content - [:p "Sometimes you need to freely position an element in a specific place regardless of the size of the layout where it belongs."] + [:p "Sometimes you need to freely position an element in a specific place regardless of the size of the layout where it belongs."] [:p "Now you can exclude elements from the Flex layout flow using absolute position."]] [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.18-z-index.gif" :border "0" :alt "Z-index feature"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.18-scale.gif" :border "0" :alt "Scale content proportionally"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_19.cljs b/frontend/src/app/main/ui/releases/v1_19.cljs index 0a8db0eec2..8543a0c45b 100644 --- a/frontend/src/app/main/ui/releases/v1_19.cljs +++ b/frontend/src/app/main/ui/releases/v1_19.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.19" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/onboarding-version.jpg" @@ -42,7 +42,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.19-contributions.png" @@ -73,13 +73,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 2}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/1.19-tokens.gif" @@ -100,7 +100,7 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 2}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_4.cljs b/frontend/src/app/main/ui/releases/v1_4.cljs index 50a1801772..bc80923258 100644 --- a/frontend/src/app/main/ui/releases/v1_4.cljs +++ b/frontend/src/app/main/ui/releases/v1_4.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.4" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.4.0"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/select-files.gif" :border "0" :alt "New file selection"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/manage-files.gif" :border "0" :alt "Manage files"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/rtl.gif" :border "0" :alt "RTL support"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/blend-modes.gif" :border "0" :alt "Blend modes"}]] @@ -103,7 +103,7 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_5.cljs b/frontend/src/app/main/ui/releases/v1_5.cljs index e5382ab431..8d962515d7 100644 --- a/frontend/src/app/main/ui/releases/v1_5.cljs +++ b/frontend/src/app/main/ui/releases/v1_5.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.5" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.5.0"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/path-tool.gif" :border "0" :alt "New path tool"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 3}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/assets-organiz.gif" :border "0" :alt "Manage libraries"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 3}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/smart-inputs.gif" :border "0" :alt "Smart inputs"}]] @@ -84,7 +84,7 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 3}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_6.cljs b/frontend/src/app/main/ui/releases/v1_6.cljs index 3eaf51443e..c6636c4550 100644 --- a/frontend/src/app/main/ui/releases/v1_6.cljs +++ b/frontend/src/app/main/ui/releases/v1_6.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.6" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.6.0"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/custom-fonts.gif" :border "0" :alt "Upload/use custom fonts"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/scale-text.gif" :border "0" :alt "Interactively scale text"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/performance.gif" :border "0" :alt "Performance improvements"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/shapes-to-path.gif" :border "0" :alt "Shapes to path"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_7.cljs b/frontend/src/app/main/ui/releases/v1_7.cljs index a0f774dfd9..32666d5158 100644 --- a/frontend/src/app/main/ui/releases/v1_7.cljs +++ b/frontend/src/app/main/ui/releases/v1_7.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.7" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.7"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/export.gif" :border "0" :alt "Export & Import"}]] @@ -49,13 +49,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/constraints.gif" :border "0" :alt "Resizing constraints"}]] @@ -71,13 +71,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/group-components.gif" :border "0" :alt "Library assets management improvements"}]] @@ -91,13 +91,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/copy-paste.gif" :border "0" :alt "Paste components from file to file"}]] @@ -109,6 +109,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_8.cljs b/frontend/src/app/main/ui/releases/v1_8.cljs index 3abfebb91a..dfff4bd9f2 100644 --- a/frontend/src/app/main/ui/releases/v1_8.cljs +++ b/frontend/src/app/main/ui/releases/v1_8.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.8" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.8"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/share-viewer.gif" :border "0" :alt "Share options and pages at view mode"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/stroke-caps.gif" :border "0" :alt "Path stroke caps"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/navigate-history.gif" :border "0" :alt "Navigable history"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/export-artboards.gif" :border "0" :alt "Export artboards PDF"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]]))) diff --git a/frontend/src/app/main/ui/releases/v1_9.cljs b/frontend/src/app/main/ui/releases/v1_9.cljs index 2c617db956..e5dda41cc8 100644 --- a/frontend/src/app/main/ui/releases/v1_9.cljs +++ b/frontend/src/app/main/ui/releases/v1_9.cljs @@ -12,10 +12,10 @@ (defmethod c/render-release-notes "1.9" [{:keys [slide klass next finish navigate version]}] (mf/html - (case @slide + (case slide :start [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/login-on.jpg" :border "0" :alt "What's new Alpha release 1.9"}]] @@ -33,7 +33,7 @@ 0 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/advanced-proto.gif" :border "0" :alt "Advanced interactions"}]] @@ -46,13 +46,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 1 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/flows-proto.gif" :border "0" :alt "Multiple flows"}]] @@ -65,13 +65,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 2 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/booleans.gif" :border "0" :alt "Boolean shapes"}]] @@ -84,13 +84,13 @@ [:div.modal-navigation [:button.btn-secondary {:on-click next} "Continue"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]] 3 [:div.modal-overlay - [:div.animated {:class @klass} + [:div.animated {:class klass} [:div.modal-container.onboarding.feature [:div.modal-left [:img {:src "images/features/libraries-feature.gif" :border "0" :alt "Libraries & templates"}]] @@ -103,6 +103,6 @@ [:div.modal-navigation [:button.btn-secondary {:on-click finish} "Start!"] [:& c/navigation-bullets - {:slide @slide + {:slide slide :navigate navigate :total 4}]]]]]])))