add drawer_{title,description} components

Author: zcesur

lib/algora_web/components/core_components.ex

@@ -1276,10 +1276,12 @@ defmodule AlgoraWeb.CoreComponents do
   defdelegate dialog_footer(assigns), to: Dialog
   defdelegate dialog_header(assigns), to: Dialog
   defdelegate dialog_title(assigns), to: Dialog
-  defdelegate drawer(assigns), to: Drawer
   defdelegate drawer_content(assigns), to: Drawer
-  defdelegate drawer_header(assigns), to: Drawer
+  defdelegate drawer_description(assigns), to: Drawer
   defdelegate drawer_footer(assigns), to: Drawer
+  defdelegate drawer_header(assigns), to: Drawer
+  defdelegate drawer_title(assigns), to: Drawer
+  defdelegate drawer(assigns), to: Drawer
   defdelegate dropdown_menu_content(assigns), to: DropdownMenu
   defdelegate dropdown_menu_item(assigns), to: DropdownMenu
   defdelegate dropdown_menu_separator(assigns), to: DropdownMenu

lib/algora_web/components/ui/drawer.ex

@@ -6,7 +6,8 @@ defmodule AlgoraWeb.Components.UI.Drawer do
 
       <.drawer show={@show} phx-click="close">
         <.drawer_header>
-          <.h3>Drawer Title</.h3>
+          <.drawer_title>Drawer Title</.drawer_title>
+          <.drawer_description>Drawer Description</.drawer_description>
         </.drawer_header>
         <.drawer_content>
           Content goes here
@@ -69,12 +70,31 @@ defmodule AlgoraWeb.Components.UI.Drawer do
 
   def drawer_header(assigns) do
     ~H"""
-    <div
-      class={
-        classes(["font-display pb-4 text-base font-semibold uppercase text-muted-foreground", @class])
-      }
-      {@rest}
-    >
+    <div class={classes(["flex flex-col space-y-1.5 pb-4", @class])} {@rest}>
+      {render_slot(@inner_block)}
+    </div>
+    """
+  end
+
+  attr :class, :string, default: nil
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def drawer_title(assigns) do
+    ~H"""
+    <div class={classes(["text-2xl font-semibold text-white", @class])} {@rest}>
+      {render_slot(@inner_block)}
+    </div>
+    """
+  end
+
+  attr :class, :string, default: nil
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def drawer_description(assigns) do
+    ~H"""
+    <div class={classes(["text-sm text-muted-foreground", @class])} {@rest}>
       {render_slot(@inner_block)}
     </div>
     """

lib/algora_web/live/contract/modals/dispute_drawer.ex

@@ -11,7 +11,7 @@ defmodule AlgoraWeb.Contract.Modals.DisputeDrawer do
     <div>
       <.drawer show={@show} on_cancel={@on_cancel}>
         <.drawer_header>
-          <h3 class="text-lg font-semibold text-destructive">Raise Payment Dispute</h3>
+          <.drawer_title>Raise Payment Dispute</.drawer_title>
         </.drawer_header>
         <.drawer_content>
           <div class="grid grid-cols-2 gap-8">

lib/algora_web/live/contract/modals/release_drawer.ex

@@ -23,7 +23,7 @@ defmodule AlgoraWeb.Contract.Modals.ReleaseDrawer do
     <div>
       <.drawer show={@show} on_cancel={@on_cancel}>
         <.drawer_header>
-          <h3 class="text-lg font-semibold">Release Payment</h3>
+          <.drawer_title>Release Payment</.drawer_title>
         </.drawer_header>
         <.drawer_content>
           <div class="grid grid-cols-2 gap-8">

lib/algora_web/live/contract/modals/release_renew_drawer.ex

@@ -20,7 +20,7 @@ defmodule AlgoraWeb.Contract.Modals.ReleaseRenewDrawer do
     <div>
       <.drawer show={@show} on_cancel={@on_cancel}>
         <.drawer_header>
-          Release Payment & Renew Contract
+          <.drawer_title>Release Payment & Renew Contract</.drawer_title>
         </.drawer_header>
         <.drawer_content class="mt-4">
           <div class="grid grid-cols-2 gap-8">

lib/algora_web/live/org/create_job_live.ex

@@ -459,7 +459,7 @@ defmodule AlgoraWeb.Org.CreateJobLive do
     </div>
     <.drawer id="publish-job-drawer" show={@show_publish_job_drawer} on_cancel="close_drawer">
       <.drawer_header>
-        Publish Job
+        <.drawer_title>Publish Job</.drawer_title>
       </.drawer_header>
       <.drawer_content class="space-y-6">
         <div class="grid grid-cols-5 gap-6">

lib/algora_web/live/org/dashboard_admin_live.ex

@@ -308,7 +308,7 @@ defmodule AlgoraWeb.Org.DashboardAdminLive do
       on_cancel="close_drawer"
     >
       <.drawer_header>
-        Begin Collaboration
+        <.drawer_title>Begin Collaboration</.drawer_title>
       </.drawer_header>
       <.drawer_content class="space-y-6">
         <div class="flex gap-6">