From 43bc62fe450bfa46d7ad2276024d284b8f51809c Mon Sep 17 00:00:00 2001
From: devguilhermeribeiro <devguilhermeribeiro@gmail.com>
Date: Sun, 10 Nov 2024 13:08:49 -0300
Subject: [PATCH] Generating components

---
 app/components/button_to_component.html.erb   |  1 +
 app/components/button_to_component.rb         |  9 +++++++++
 app/components/header_component.html.erb      | 14 +++++++++-----
 app/components/navbar_component.html.erb      | 12 +++++++++++-
 app/components/navbar_component.rb            |  6 +++++-
 app/components/search_form_component.html.erb |  3 +++
 app/components/search_form_component.rb       |  4 ++++
 7 files changed, 42 insertions(+), 7 deletions(-)
 create mode 100644 app/components/button_to_component.html.erb
 create mode 100644 app/components/button_to_component.rb
 create mode 100644 app/components/search_form_component.html.erb
 create mode 100644 app/components/search_form_component.rb

diff --git a/app/components/button_to_component.html.erb b/app/components/button_to_component.html.erb
new file mode 100644
index 0000000..9e648f8
--- /dev/null
+++ b/app/components/button_to_component.html.erb
@@ -0,0 +1 @@
+<%= button_to @name, @path, method: @method %>
diff --git a/app/components/button_to_component.rb b/app/components/button_to_component.rb
new file mode 100644
index 0000000..dfec7eb
--- /dev/null
+++ b/app/components/button_to_component.rb
@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class ButtonToComponent < ViewComponent::Base
+  def initialize(name, path, method)
+    @name = name
+    @path = path
+    @method = method
+  end
+end
diff --git a/app/components/header_component.html.erb b/app/components/header_component.html.erb
index 58bf53f..c2c122b 100644
--- a/app/components/header_component.html.erb
+++ b/app/components/header_component.html.erb
@@ -1,7 +1,11 @@
-<%= tag.header class: "header" do %>
-  <%= tag.h1 do %>
-    <%= link_to "Barber Agenda", @path %>
-  <% end %>
+<%= tag.header class: "fixed top-0 left-0 z-50 w-full p-12 mb-16" do %>
+  <nav class="flex flex-row justify-between">
+    <%= tag.h1 do %>
+      <%= link_to "Barber Agenda", @path %>
+    <% end %>
 
-  <%= content %>
+    <div>
+      <%= content %>
+    </div>
+  </nav>
 <% end %>
diff --git a/app/components/navbar_component.html.erb b/app/components/navbar_component.html.erb
index 1355213..570062a 100644
--- a/app/components/navbar_component.html.erb
+++ b/app/components/navbar_component.html.erb
@@ -1 +1,11 @@
-<div>Add Navbar::Navbar template here</div>
+<div data-controller="dropdown">
+  <button data-action="dropdown#toggle"><%= @resource ? @resource.email : "Barber Agenda" %></button>
+
+  <ul class="hidden" data-dropdown-target="menu">
+    <% @links.each do |link| %>
+      <li><%= link_to link[:name], link[:path] %></li>
+    <% end %>
+
+    <%= content %>
+  </ul>
+</div>
diff --git a/app/components/navbar_component.rb b/app/components/navbar_component.rb
index 3409475..854f8b9 100644
--- a/app/components/navbar_component.rb
+++ b/app/components/navbar_component.rb
@@ -1,4 +1,8 @@
 # frozen_string_literal: true
 
-class Navbar::NavbarComponent < ViewComponent::Base
+class NavbarComponent < ViewComponent::Base
+  def initialize(links: [], resource: nil)
+    @links = links
+    @resource = resource
+  end
 end
diff --git a/app/components/search_form_component.html.erb b/app/components/search_form_component.html.erb
new file mode 100644
index 0000000..fad93b7
--- /dev/null
+++ b/app/components/search_form_component.html.erb
@@ -0,0 +1,3 @@
+<%= form_with(url: search_path) do %>
+  
+<% end %>
diff --git a/app/components/search_form_component.rb b/app/components/search_form_component.rb
new file mode 100644
index 0000000..0a02541
--- /dev/null
+++ b/app/components/search_form_component.rb
@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class SearchFormComponent < ViewComponent::Base
+end