fix: move footer to components

WarFox · Jun 11, 2024 · 93e8aca · 93e8aca
1 parent c3cc2c3
commit 93e8aca
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/src/cljs_2048/components.cljs b/src/cljs_2048/components.cljs
@@ -0,0 +1,21 @@
+(ns cljs-2048.components)
+
+(defn footer
+  []
+  [:footer {:class "m-4"}
+   [:div {:class "mx-auto p-4 md:py-8"}
+    [:div {:class "text-sm text-gray-500 sm:text-center dark:text-gray-400"}
+     "Play using arrow keys on your browser"]
+    [:div {:class "text-sm text-gray-500 sm:text-center dark:text-gray-400"}
+     "Implemented using "
+        [:a {:href "https://day8.github.io/re-frame/re-frame/" :class "hover:underline"} "re-frame"]
+        ", "
+        [:a {:href "https://clojurescript.org/" :class "hover:underline"} "ClojureScript"]
+        ", "
+        [:a {:href "https://tailwindcss.com/" :class "hover:underline"} "tailwindcss"]
+        ", and "
+        [:a {:href "https://react.dev/" :class "hover:underline"} "React"]]
+       [:div {:class "text-sm text-gray-500 sm:text-center dark:text-gray-400"}
+        "© 2024 "
+        [:a {:href "https://deepumohan.com/" :class "hover:underline"} "Deepu Mohan Puthrote"]
+        ". All Rights Reserved."]]])
diff --git a/src/cljs_2048/views.cljs b/src/cljs_2048/views.cljs
@@ -2,6 +2,7 @@
   (:require
    [cljs-2048.events :as events]
    [cljs-2048.subs :as subs]
+   [cljs-2048.components :as components]
    [re-frame.core :as re-frame]
    [re-pressed.core :as rp]))
 
@@ -119,23 +120,7 @@
       [grid-panel]
       [board-panel]]
 
-     [:footer {:class "m-4"}
-      [:div {:class "mx-auto p-4 md:py-8"}
-       [:div {:class "text-sm text-gray-500 sm:text-center dark:text-gray-400"}
-        "Play using arrow keys on your browser"]
-       [:div {:class "text-sm text-gray-500 sm:text-center dark:text-gray-400"}
-        "Implemented using "
-        [:a {:href "https://day8.github.io/re-frame/re-frame/" :class "hover:underline"} "re-frame"]
-        ", "
-        [:a {:href "https://clojurescript.org/" :class "hover:underline"} "ClojureScript"]
-        ", "
-        [:a {:href "https://tailwindcss.com/" :class "hover:underline"} "tailwindcss"]
-        ", and "
-        [:a {:href "https://react.dev/" :class "hover:underline"} "React"]]
-       [:div {:class "text-sm text-gray-500 sm:text-center dark:text-gray-400"}
-        "© 2024 "
-        [:a {:href "https://deepumohan.com/" :class "hover:underline"} "Deepu Mohan Puthrote"]
-        ". All Rights Reserved."]]]]))
+     [components/footer]]))
 
 (defn main-panel
   []