From 01aa3c5c095a6d4c6f7e703ea1eb390f831eb211 Mon Sep 17 00:00:00 2001
From: webdevzsk <72684302+webdevsk@users.noreply.github.com>
Date: Sun, 10 Sep 2023 23:32:06 +0600
Subject: [PATCH] Added a basic template selector

---
 src/App.jsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/App.jsx b/src/App.jsx
index f6bc7b1..6087d70 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3,6 +3,7 @@ const defaultTemplate = "Template2"
 const loadComponent = (name) =>
   lazy(() => import(/* @vite-ignore */ `./templates/${name}.jsx`))
 
+const resumeTemplates = ["Template1", "Template2"]
 function App() {
   const url = new URL(window.location.href)
   const params = new URLSearchParams(url.search)
@@ -12,6 +13,18 @@ function App() {
 
   return (
     <>
+      {!printMode && (
+        <div className="container my-8">
+          <div className="flex flex-wrap items-center justify-center gap-4 [&_a:hover]:underline">
+            <h5>Choose Template: </h5>
+            {resumeTemplates.map((template) => (
+              <a key={template} href={`?template=${template}`}>
+                {template}
+              </a>
+            ))}
+          </div>
+        </div>
+      )}
       <div className={!printMode ? "pdf-container" : ""}>
         <div id="pdf" className={printMode ? "mx-auto" : ""}>
           <Suspense fallback={<div>Loading</div>}>