style fixes, production fixes

assets/package-lock.json

@@ -9,7 +9,6 @@
         "@fontsource/lato": "^4.2.1",
         "@mdi/svg": "^5.9.55",
         "@popperjs/core": "^2.8.4",
-        "alpinejs": "^2.8.1",
         "bootstrap": "^5.0.0-beta2",
         "bootstrap-icons": "^1.4.0",
         "hamburgers": "^1.1.3",
@@ -1672,11 +1671,6 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
       "dev": true
     },
-    "node_modules/alpinejs": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-2.8.1.tgz",
-      "integrity": "sha512-ETJ/k0fbiBeP+OSd5Fhj70c+zb+YRzcVbyh5DVeLT3FBWMUeUvjOSWLi53IVLPSehaT2SKmB7w08WGF2jYTqNA=="
-    },
     "node_modules/ansi-colors": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
@@ -11187,11 +11181,6 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
       "dev": true
     },
-    "alpinejs": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-2.8.1.tgz",
-      "integrity": "sha512-ETJ/k0fbiBeP+OSd5Fhj70c+zb+YRzcVbyh5DVeLT3FBWMUeUvjOSWLi53IVLPSehaT2SKmB7w08WGF2jYTqNA=="
-    },
     "ansi-colors": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",

assets/package.json

@@ -10,7 +10,6 @@
     "@fontsource/lato": "^4.2.1",
     "@mdi/svg": "^5.9.55",
     "@popperjs/core": "^2.8.4",
-    "alpinejs": "^2.8.1",
     "bootstrap": "^5.0.0-beta2",
     "bootstrap-icons": "^1.4.0",
     "hamburgers": "^1.1.3",

config/prod.secret.exs

@@ -39,3 +39,6 @@ config :bones73k, Bones73kWeb.Endpoint,
 #
 # Then you can assemble a release by calling `mix release`.
 # See `mix help release` for more information.
+
+# Import extra secret stuff not to be included in git repo
+import_config "really.secret.exs"

lib/bones73k_web/live/live_helpers.ex

@@ -34,6 +34,8 @@ defmodule Bones73kWeb.LiveHelpers do
   def live_modal(socket, component, opts) do
     path = Keyword.fetch!(opts, :return_to)
     modal_opts = [id: :modal, return_to: path, component: component, opts: opts]
+    # dirty little workaround for elixir complaining about socket being unused
+    _socket = socket
     live_component(socket, Bones73kWeb.ModalComponent, modal_opts)
   end
 

lib/bones73k_web/templates/layout/_navbar.html.eex

@@ -33,12 +33,6 @@
           <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
         </li> %>
 
-        <%= if function_exported?(Routes, :live_dashboard_path, 2) do %>
-          <li class="nav-item">
-          <%= link "LiveDashboard", nav_link_opts(@conn, to: Routes.live_dashboard_path(@conn, :home), class: "nav-link") %>
-          </li>
-        <% end %>
-
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownExample" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdownExample">

lib/bones73k_web/templates/layout/app.html.eex

@@ -3,9 +3,9 @@
   <%# phoenix flash alerts: %>
   <div class="row justify-content-center">
     <div class="col-md-12 col-lg-10 col-xl-9 ">
-      <%= for {kind, color} <- alert_kinds() do %>
+      <%= for {kind, class} <- alert_kinds() do %>
         <%= if flash_content = get_flash(@conn, kind) do %>
-          <div class="alert alert-<%= color %> alert-dismissible fade show" role="alert">
+          <div class="alert <%= class %> alert-dismissible fade show" role="alert">
             <%= flash_content %>
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
           </div>

lib/bones73k_web/templates/layout/live.html.leex

@@ -3,9 +3,9 @@
   <%# liveview flash alerts: %>
   <div class="row justify-content-center">
     <div class="col-md-12 col-lg-10 col-xl-9 ">
-      <%= for {kind, color} <- alert_kinds() do %>
+      <%= for {kind, class} <- alert_kinds() do %>
         <%= if flash_content = live_flash(@flash, kind) do %>
-          <div class="alert alert-<%= color %> alert-dismissible fade show" role="alert" id="lv-alert-<%= kind %>" phx-hook="AlertRemover" data-key="<%= kind %>">
+          <div class="alert <%= class %> alert-dismissible fade show" role="alert" id="lv-alert-<%= kind %>" phx-hook="AlertRemover" data-key="<%= kind %>">
             <%= flash_content %>
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
           </div>

lib/bones73k_web/views/layout_view.ex

@@ -10,12 +10,12 @@ defmodule Bones73kWeb.LayoutView do
 
   def alert_kinds do
     [
-      success: "success",
+      success: "alert-success",
-      info: "info",
+      info: "alert-info",
-      error: "danger",
+      error: "alert-danger",
-      warning: "warning",
+      warning: "alert-warning",
-      primary: "primary",
+      primary: "alert-primary",
-      secondary: "secondary"
+      secondary: "alert-secondary"
     ]
   end
 end