From 9370f7b3a8e42fbf5d0e9139e940a8270625e747 Mon Sep 17 00:00:00 2001
From: Kailash Choudhary <kailashjat604@gmail.com>
Date: Sat, 6 Jul 2024 15:23:22 +0530
Subject: [PATCH] refactor: add handler for index page

---
 handlers/index.go           | 18 ++++++++++++++++++
 main.go                     | 15 ++++-----------
 templates/homePage_templ.go |  2 +-
 3 files changed, 23 insertions(+), 12 deletions(-)
 create mode 100644 handlers/index.go

diff --git a/handlers/index.go b/handlers/index.go
new file mode 100644
index 0000000..5525eb8
--- /dev/null
+++ b/handlers/index.go
@@ -0,0 +1,18 @@
+package handlers
+
+import (
+	"context"
+	"fmt"
+	"net/http"
+	"os"
+
+	"github.com/kailashchoudhary11/repo-guard/templates"
+)
+
+func Index(w http.ResponseWriter, r *http.Request) {
+	appName := os.Getenv("APP_NAME")
+	authorizationUrl := fmt.Sprintf("https://github.com/apps/%v/installations/new", appName)
+
+	template := templates.HomePage(authorizationUrl)
+	template.Render(context.Background(), w)
+}
diff --git a/main.go b/main.go
index bd2b272..a05d524 100644
--- a/main.go
+++ b/main.go
@@ -1,30 +1,23 @@
 package main
 
 import (
-	"context"
 	"fmt"
 	"net/http"
-	"os"
 
 	"github.com/kailashchoudhary11/repo-guard/handlers"
 	"github.com/kailashchoudhary11/repo-guard/initializers"
-	"github.com/kailashchoudhary11/repo-guard/templates"
 )
 
 func main() {
 	initializers.LoadDotEnv()
 	initializers.LoadGithubClient()
+
 	router := http.NewServeMux()
 	router.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))
-	router.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
-		appName := os.Getenv("APP_NAME")
-		authorizationUrl := fmt.Sprintf("https://github.com/apps/%v/installations/new", appName)
-
-		template := templates.HomePage(authorizationUrl)
-		template.Render(context.Background(), w)
-	})
-
+	router.HandleFunc("/", handlers.Index)
 	router.HandleFunc("/webhook", handlers.Webhook)
+
 	fmt.Println("Service is up and running at port 8000")
+
 	http.ListenAndServe(":8000", router)
 }
diff --git a/templates/homePage_templ.go b/templates/homePage_templ.go
index 85821d1..862d96c 100644
--- a/templates/homePage_templ.go
+++ b/templates/homePage_templ.go
@@ -47,7 +47,7 @@ func HomePage(authorizationURL string) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"inline-flex items-center justify-center gap-3 bg-[#90D3DF] hover:bg-[#7BBAC5] text-black font-rubik px-6 py-4 rounded-lg font-bold text-lg group transition-all duration-300 transform hover:scale-105 hover:shadow-lg\"><img src=\"../static/images/github_icon.svg\" alt=\"GitHub Icon\" class=\"w-6 h-6 transition-transform duration-300 group-hover:rotate-12\"> <span class=\"relative after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-black after:scale-x-0 after:origin-bottom-right after:transition-transform after:duration-300 group-hover:after:scale-x-100 group-hover:after:origin-bottom-left\">Authorize Repo Guard</span></a> <a href=\"#learn-more\" class=\"inline-flex items-center justify-center gap-6 bg-transparent hover:bg-[#49E06C]/10 text-[#49E06C] hover:text-[#3AB057] font-rubik px-6 py-4 rounded-lg font-bold text-lg group transition-all duration-300 transform hover:scale-105 border-2 border-[#49E06C] hover:border-[#3AB057]\"><img src=\"../static/images/right_arrow.png\" alt=\"Right Arrow\" class=\"w-6 h-6 transition-transform duration-300 group-hover:translate-x-1\"> <span>Learn More</span></a></div></div></div><div class=\"bg-[#1B2033] text-white py-16\"><div class=\"container mx-auto px-4\"><h2 class=\"font-maven font-bold text-5xl text-center mb-12\">Features:</h2><div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><div class=\"bg-white/30 rounded-lg p-6 flex flex-col items-center text-center transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/detection.svg\" alt=\"Duplicate Detection\" class=\"w-16 h-16 mb-4\"><p class=\"font-maven text-[#63DC76] font-bold text-2xl mb-2\">Duplicate Detection</p><p class=\"font-maven text-lg\">AI-powered algorithm understands context, not just keywords.</p></div><div class=\"bg-[#5F6370] rounded-lg p-6 flex flex-col items-center text-center transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/instant_action.svg\" alt=\"Instant Action\" class=\"w-16 h-16 mb-4\"><p class=\"font-maven text-[#90D3DF] font-bold text-2xl mb-2\">Instant Action</p><p class=\"font-maven text-lg\">Duplicates are handled in real-time, keeping your workflow smooth.</p></div><div class=\"bg-white/30 rounded-lg p-6 flex flex-col items-center text-center transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/github_feature.svg\" alt=\"GitHub Integration\" class=\"w-16 h-16 mb-4\"><p class=\"font-maven text-[#B026FF] font-bold text-2xl mb-2\">GitHub Integration</p><p class=\"font-maven text-lg\">Seamlessly integrates with your existing GitHub workflow.</p></div></div></div></div><div class=\"bg-[#0F1322] text-white font-maven py-16\"><div class=\"container mx-auto px-4\"><h2 class=\"text-3xl md:text-4xl font-bold text-center mb-10\">How Repo Guard Works:</h2><div class=\"space-y-8 max-w-2xl mx-auto\"><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/one.png\" alt=\"Step 1\" class=\"w-12 h-12\"><div class=\"text-lg\">A new issue appears in your repository.</div></div><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/two.png\" alt=\"Step 2\" class=\"w-12 h-12\"><div class=\"text-lg\">Repo Guard quickly checks for duplicates.</div></div><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/three.png\" alt=\"Step 3\" class=\"w-12 h-12\"><div class=\"text-lg\">If it's a duplicate, Repo Guard closes it and links to the original.</div></div><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/four.png\" alt=\"Step 4\" class=\"w-12 h-12\"><div class=\"text-lg\">Your repository stays tidy and contributors stay informed.</div></div></div></div></div><div class=\"bg-[#27164361] text-white py-24\"><div class=\"container mx-auto px-4\"><div class=\"flex flex-col md:flex-row items-center justify-between\"><!-- Left side --><div class=\"md:w-1/2 mb-12 md:mb-0\"><h1 class=\"font-maven font-bold text-5xl md:text-7xl leading-tight\">Make your<br><span class=\"text-[#63DC76]\">Github</span><br>Repositories<br><span class=\"text-[#B026FF]\">Smarter</span> Today!</h1></div><!-- Right side --><div class=\"md:w-1/2 flex flex-col items-center\"><img src=\"../static/images/github_logo.png\" alt=\"Repo Guard Logo\" class=\"w-56 h-56 mb-12 filter drop-shadow-xl\"> <a href=\"")
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"inline-flex items-center justify-center gap-3 bg-[#90D3DF] hover:bg-[#7BBAC5] text-black font-rubik px-6 py-4 rounded-lg font-bold text-lg group transition-all duration-300 transform hover:scale-105 hover:shadow-lg\"><img src=\"../static/images/github_icon.svg\" alt=\"GitHub Icon\" class=\"w-6 h-6 transition-transform duration-300 group-hover:rotate-12\"> <span class=\"relative after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-black after:scale-x-0 after:origin-bottom-right after:transition-transform after:duration-300 group-hover:after:scale-x-100 group-hover:after:origin-bottom-left\">Authorize Repo Guard</span></a> <a href=\"#learn-more\" class=\"inline-flex items-center justify-center gap-6 bg-transparent hover:bg-[#49E06C]/10 text-[#49E06C] hover:text-[#3AB057] font-rubik px-6 py-4 rounded-lg font-bold text-lg group transition-all duration-300 transform hover:scale-105 border-2 border-[#49E06C] hover:border-[#3AB057]\"><img src=\"../static/images/right_arrow.png\" alt=\"Right Arrow\" class=\"w-6 h-6 transition-transform duration-300 group-hover:translate-x-1\"> <span>Learn More</span></a></div></div></div><div class=\"bg-[#1B2033] text-white py-16\"><div class=\"container mx-auto px-4\"><h2 class=\"font-maven font-bold text-5xl text-center mb-12\">Features:</h2><div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><div class=\"bg-white/30 rounded-lg p-6 flex flex-col items-center text-center transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/detection.svg\" alt=\"Duplicate Detection\" class=\"w-16 h-16 mb-4\"><p class=\"font-maven text-[#63DC76] font-bold text-2xl mb-2\">Duplicate Detection</p><p class=\"font-maven text-lg\">AI-powered algorithm understands context, not just keywords.</p></div><div class=\"bg-[#5F6370] rounded-lg p-6 flex flex-col items-center text-center transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/instant_action.svg\" alt=\"Instant Action\" class=\"w-16 h-16 mb-4\"><p class=\"font-maven text-[#90D3DF] font-bold text-2xl mb-2\">Instant Action</p><p class=\"font-maven text-lg\">Duplicates are handled in real-time, keeping your workflow smooth.</p></div><div class=\"bg-white/30 rounded-lg p-6 flex flex-col items-center text-center transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/github_feature.svg\" alt=\"GitHub Integration\" class=\"w-16 h-16 mb-4\"><p class=\"font-maven text-[#B026FF] font-bold text-2xl mb-2\">GitHub Integration</p><p class=\"font-maven text-lg\">Seamlessly integrates with your existing GitHub workflow.</p></div></div></div></div><div class=\"bg-[#0F1322] text-white font-maven py-16\"><div class=\"container mx-auto px-4\"><h2 class=\"text-3xl md:text-4xl font-bold text-center mb-10\">How Repo Guard Works:</h2><div class=\"space-y-8 max-w-2xl mx-auto\"><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/one.png\" alt=\"Step 1\" class=\"w-12 h-12\"><div class=\"text-lg\">A new issue appears in your repository.</div></div><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/two.png\" alt=\"Step 2\" class=\"w-12 h-12\"><div class=\"text-lg\">Repo Guard quickly checks for duplicates.</div></div><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/three.png\" alt=\"Step 3\" class=\"w-12 h-12\"><div class=\"text-lg\">If it's a duplicate, Repo Guard closes it and links to the original.</div></div><div class=\"flex items-center space-x-4 bg-white/10 rounded-lg p-4 transition-transform duration-300 hover:transform hover:scale-105\"><img src=\"../static/images/four.png\" alt=\"Step 4\" class=\"w-12 h-12\"><div class=\"text-lg\">Your repository stays tidy and contributors stay informed.</div></div></div></div></div><div class=\"bg-[#27164361] text-white py-24\"><div class=\"container mx-auto px-4\"><div class=\"flex flex-col md:flex-row items-center justify-between\"><div class=\"md:w-1/2 mb-12 md:mb-0\"><h1 class=\"font-maven font-bold text-5xl md:text-7xl leading-tight\">Make your<br><span class=\"text-[#63DC76]\">Github</span><br>Repositories<br><span class=\"text-[#B026FF]\">Smarter</span> Today!</h1></div><div class=\"md:w-1/2 flex flex-col items-center\"><img src=\"../static/images/github_logo.png\" alt=\"Repo Guard Logo\" class=\"w-56 h-56 mb-12 filter drop-shadow-xl\"> <a href=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}