Link to Github code from sidebar for undocumented components

PhlexyUI · Oct 9, 2024 · 9fed41e · 9fed41e
1 parent a8c5ced
commit 9fed41e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 8 deletions.
diff --git a/app/models/component.rb b/app/models/component.rb
@@ -52,6 +52,10 @@ def implemented?
     "PhlexyUI::#{name}".safe_constantize.present?
   end
 
+  def github_url
+    "https://github.com/PhlexyUI/phlexy_ui/blob/main/lib/phlexy_ui/#{name.underscore}.rb"
+  end
+
   private
 
   def file_exists?

diff --git a/app/views/components/shared/github_svg.rb b/app/views/components/shared/github_svg.rb
@@ -1,9 +1,13 @@
 module Shared
   class GithubSvg < ApplicationComponent
+    def initialize(**options)
+      @classes = options[:class] || "w-5 h-5"
+    end
+
     def view_template
       svg(
         viewbox: "0 0 16 16",
-        class: "w-5 h-5",
+        class: classes,
         fill: "currentColor",
         aria_hidden: "true"
       ) do |s|
@@ -13,5 +17,9 @@ def view_template
         )
       end
     end
+
+    private
+
+    attr_reader :classes
   end
 end
diff --git a/app/views/components/sidebar.rb b/app/views/components/sidebar.rb
@@ -62,18 +62,23 @@ def view_template
                         )
                       elsif component.implemented?
                         link_to(
-                          "#",
-                          class: "!cursor-default",
-                          data: {turbo_frame: :content}
+                          component.github_url,
+                          class: "!cursor-alias",
+                          data: {turbo_frame: :content},
+                          target: "_blank"
                         ) do
-                          span class: "opacity-50" do
+                          span do
                             component.name
                           end
 
-                          Tooltip tip: "Implemented, not documented" do
-                            Badge :outline, :info, class: "opacity-50" do
-                              "Undocumented"
+                          div class: "flex gap-2 justify-end items-center" do
+                            Tooltip tip: "Implemented, undocumented" do
+                              Badge :outline, :info, :sm, class: "opacity-50" do
+                                "Undocumented"
+                              end
                             end
+
+                            render GithubSvg.new(class: "w-4 h-4 opacity-50")
                           end
                         end
                       else