From bcb6ac241bc384f9e8e18aaebfbc30450ea71070 Mon Sep 17 00:00:00 2001
From: Nabarun <nabarun@deepstacksoft.com>
Date: Tue, 12 Nov 2024 14:21:10 +0000
Subject: [PATCH] Fix template tab in GitHub connect page (#41)

Part of https://git.vdb.to/cerc-io/snowballtools-base/issues/40 and [Service provider auctions for web deployments](https://www.notion.so/Service-provider-auctions-for-web-deployments-104a6b22d47280dbad51d28aa3a91d75)

Reviewed-on: https://git.vdb.to/cerc-io/snowballtools-base/pulls/41
Co-authored-by: Nabarun <nabarun@deepstacksoft.com>
Co-committed-by: Nabarun <nabarun@deepstacksoft.com>
---
 .../projects/create/MockConnectGitCard.tsx    | 21 ++++---------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
index 362a52eb..df67468d 100644
--- a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
+++ b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
@@ -1,6 +1,8 @@
 import React, { useMemo } from 'react';
 import { SegmentedControls } from 'components/shared/SegmentedControls';
 import { useState } from 'react';
+import { useMediaQuery } from 'usehooks-ts';
+
 import {
   GithubIcon,
   LockIcon,
@@ -8,7 +10,7 @@ import {
   TemplateIconType,
 } from 'components/shared/CustomIcon';
 import { relativeTimeISO } from 'utils/time';
-import { useMediaQuery } from 'usehooks-ts';
+import templates from 'assets/templates';
 
 export const MockConnectGitCard = () => {
   const [segmentedControlsValue, setSegmentedControlsValue] =
@@ -46,21 +48,6 @@ export const MockConnectGitCard = () => {
     },
   ];
 
-  const TEMPLATE_CONTENT = [
-    {
-      name: 'Web app',
-      icon: 'web',
-    },
-    {
-      name: 'Progressive Web App (PWA)',
-      icon: 'pwa',
-    },
-    {
-      name: 'Next.js + React + TailwindCSS',
-      icon: 'next-app',
-    },
-  ];
-
   const renderContent = useMemo(() => {
     if (segmentedControlsValue === 'import') {
       return (
@@ -78,7 +65,7 @@ export const MockConnectGitCard = () => {
     }
     return (
       <div className="grid grid-cols-1 lg:grid-cols-2 relative z-0">
-        {TEMPLATE_CONTENT.map((template, index) => (
+        {templates.map((template, index) => (
           <MockTemplateCard key={index} {...template} />
         ))}
       </div>