Revert toggle sidebar

Still needs to handle some edge cases on page navigation
Reopens #105

assets/js/beacon_live_admin.js

@@ -12,12 +12,6 @@ window.addEventListener("phx:page-loading-start", (_event) => {
 
 window.addEventListener("phx:page-loading-stop", (_event) => {
   topbar.hide()
-
-  const sidebarVisivility = localStorage.getItem("beacon:admin:sidebar-visibility")
-  let sidebar = document.getElementById("sidebar")
-  let sidebarShow = document.getElementById("sidebar-show")
-  if (sidebarVisivility === "hidden" && sidebar) { sidebar.style.display = "none" }
-  if (sidebarVisivility === "hidden" && sidebarShow) { sidebarShow.style.display = "block" }
 })
 
 window.addEventListener("beacon_admin:clipcopy", (event) => {
@@ -57,18 +51,6 @@ window.addEventListener("beacon_admin:clipcopy", (event) => {
   }
 });
 
-window.addEventListener("beacon:admin:sidebar-visible", (_event) => {
-  localStorage.setItem("beacon:admin:sidebar-visibility", "visible")
-  let sidebarShow = document.getElementById("sidebar-show")
-  if (sidebarShow) { sidebarShow.style.display = "none" }
-})
-
-window.addEventListener("beacon:admin:sidebar-hidden", (_event) => {
-  localStorage.setItem("beacon:admin:sidebar-visibility", "hidden")
-  let sidebarShow = document.getElementById("sidebar-show")
-  if (sidebarShow) { sidebarShow.style.display = "block" }
-})
-
 let socketPath = document.querySelector("html").getAttribute("phx-socket") || "/live"
 let csrfToken = document .querySelector("meta[name='csrf-token']") .getAttribute("content")
 let liveSocket = new LiveView.LiveSocket(socketPath, Phoenix.Socket, {

lib/beacon/live_admin/page_live.ex

@@ -282,16 +282,4 @@ defmodule Beacon.LiveAdmin.PageLive do
     <span class=""><%= @text %></span>
     """
   end
-
-  defp show_sidebar do
-    %JS{}
-    |> JS.show(to: "#sidebar", time: 300)
-    |> JS.dispatch("beacon:admin:sidebar-visible")
-  end
-
-  defp hide_sidebar do
-    %JS{}
-    |> JS.hide(to: "#sidebar", time: 300)
-    |> JS.dispatch("beacon:admin:sidebar-hidden")
-  end
 end

lib/beacon/live_admin/page_live.html.heex

@@ -2,9 +2,6 @@
   <div class="flex flex-col h-full min-h-screen px-1 py-2 bg-white shadow-xl @[180px]:pr-0 @[180px]:pl-2 @[240px]:pl-3 @[350px]:pl-6">
     <header class="p-2 @[240px]:py-2.5 @[300px]:py-3.5 @[350px]:py-4.5">
       <div class="flex items-center justify-center @[180px]:justify-start gap-0 @[180px]:gap-1.5 @[240px]:gap-2.5 @[300px]:gap-3.5 @[350px]:gap-4">
-        <button id="sidebar-hide" phx-click={hide_sidebar()}>
-          <.icon name="hero-arrow-long-left" />
-        </button>
         <!--
         <% # @Hanna, ask about image paths %>
         <img
@@ -33,8 +30,5 @@
 </aside>
 
 <main class="w-full px-4 pt-4 sm:px-6 lg:px-6">
-  <button id="sidebar-show" phx-click={show_sidebar()} class="hidden">
-    <.icon name="hero-bars-3" />
-  </button>
   <%= render_page(@beacon_page.module, assigns) %>
 </main>