add template name. lint code

libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx

@@ -34,42 +34,42 @@ const workspaceTemplates: WorkspaceTemplate[] = [
     workspaceTitle: 'Playground',
     description: 'Create a new project using this template.',
     projectLogo: 'assets/img/remixverticaltextLogo.png',
-    templateName: 'remixDefault'
+    templateName: 'playground'
   },
   {
     gsID: 'sUTLogo',
     workspaceTitle: 'Circom',
     description: 'Create a new ZK Project with Circom using this template.',
     projectLogo: 'assets/img/circom.webp',
-    templateName: ''
+    templateName: 'semaphore'
   },
   {
     gsID: 'sUTLogo',
     workspaceTitle: 'Uniswap',
     description: 'Create a new MultiSig wallet using this template.',
     projectLogo: 'assets/img/gnosissafeLogo.png',
-    templateName: ''
+    templateName: 'uniswapV4Template'
   },
   {
     gsID: 'sUTLogo',
     workspaceTitle: 'ERC20',
     description: 'Create a new ERC20 token using this template.',
     projectLogo: 'assets/img/oxprojectLogo.png',
-    templateName: ''
+    templateName: 'ozerc20'
   },
   {
     gsID: 'sUTLogo',
     workspaceTitle: 'NFT / ERC721',
     description: 'Create a new ERC721 token using this template.',
     projectLogo: 'assets/img/openzeppelinLogo.png',
-    templateName: ''
+    templateName: 'ozerc721'
   },
   {
     gsID: 'sUTLogo',
     workspaceTitle: 'MultiSig',
     description: 'Create a new MultiSig wallet using this template.',
     projectLogo: 'assets/img/gnosissafeLogo.png',
-    templateName: ''
+    templateName: 'gnosisSafeMultisig'
   },
 ]
 
@@ -151,90 +151,17 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
       </label>
       <div ref={carouselRefDiv} className="w-100 d-flex flex-column">
         <ThemeContext.Provider value={themeFilter}>
-          {/* <Carousel
-            ref={carouselRef}
-            focusOnSelect={true}
-            customButtonGroup={<CustomNavButtons next={undefined} previous={undefined} goToSlide={undefined} parent={carouselRef} />}
-            arrows={false}
-            swipeable={false}
-            draggable={true}
-            showDots={false}
-            responsive={{
-              superLargeDesktop: {
-                breakpoint: { max: 4000, min: 3000 },
-                items: 5
-              },
-              desktop: {
-                breakpoint: { max: 3000, min: 1024 },
-                items: 5,
-                partialVisibilityGutter: 0
-              }
-            }}
-            renderButtonGroupOutside={true}
-            ssr={true} // means to render carousel on server-side.
-            keyBoardControl={true}
-            containerClass="carousel-container"
-            deviceType={'desktop'}
-            itemClass="w-100"
-          >
-            <WorkspaceTemplate
-              gsID="sUTLogo"
-              workspaceTitle="MultiSig"
-              description={
-                intl.formatMessage({ id: 'home.gnosisSafeMultisigTemplateDesc' })
-              }
-              projectLogo="assets/img/gnosissafeLogo.png"
-              callback={() => createWorkspace("gnosisSafeMultisig")}
-            />
-            <WorkspaceTemplate
-              gsID="sUTLogo"
-              workspaceTitle="ERC20"
-              description={
-                intl.formatMessage({ id: 'home.zeroxErc20TemplateDesc' })
-              }
-              projectLogo="assets/img/oxprojectLogo.png"
-              callback={() => createWorkspace("zeroxErc20")}
-            />
-            <WorkspaceTemplate
-              gsID="sourcifyLogo"
-              workspaceTitle="ERC20"
-              description={intl.formatMessage({ id: 'home.ozerc20TemplateDesc' })}
-              projectLogo="assets/img/openzeppelinLogo.png"
-              callback={() => createWorkspace('ozerc20')}
-            />
-            <WorkspaceTemplate
-              gsID="sUTLogo"
-              workspaceTitle="ERC721"
-              description={intl.formatMessage({
-                id: 'home.ozerc721TemplateDesc'
-              })}
-              projectLogo="assets/img/openzeppelinLogo.png"
-              callback={() => createWorkspace("ozerc721")}
-            />
-            <WorkspaceTemplate
-              gsID="sUTLogo"
-              workspaceTitle="ERC1155"
-              description={intl.formatMessage({
-                id: 'home.ozerc1155TemplateDesc'
-              })}
-              projectLogo="assets/img/openzeppelinLogo.png"
-              callback={() => createWorkspace("ozerc1155")}
-            />
-            <WorkspaceTemplate
-              gsID="solhintLogo"
-              workspaceTitle="Basic"
-              description={intl.formatMessage({
-                id: 'home.remixDefaultTemplateDesc'
-              })}
-              projectLogo="assets/img/remixverticaltextLogo.png"
-              callback={() => createWorkspace("remixDefault")}
-            />
-          </Carousel> */}
           <div className="pt-2">
             <div className="d-flex flex-row align-items-center mb-3 flex-nowrap">
               {workspaceTemplates.slice(0, 3).map((template, index) => (
                 <CustomTooltip tooltipText={template.description} tooltipId={template.gsID} tooltipClasses="text-nowrap" tooltipTextClasses="border bg-light text-dark p-1 pr-3" placement="top-start">
-                  <button key={index} className={index === 0 ? "btn btn-primary border p-2 text-nowrap mr-3" : index === workspaceTemplates.length - 1 ? "btn border p-2 text-nowrap mr-2" : "btn border p-2 text-nowrap mr-3"}>{template.workspaceTitle}</button>
+                  <button key={index} className={index === 0 ? "btn btn-primary border p-2 text-nowrap mr-3" : index === workspaceTemplates.length - 1 ? "btn border p-2 text-nowrap mr-2" : "btn border p-2 text-nowrap mr-3"}
+                    onClick={() => {
+                      createWorkspace(template.templateName)
+                    }}
+                  >
+                    {template.workspaceTitle}
+                  </button>
                 </CustomTooltip>
               ))}
             </div>
@@ -262,6 +189,3 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
 
 export default HomeTabGetStarted
 
-// (descriptor: MessageDescriptor, values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>, opts?: Options) => string
-
-// (descriptor: any, values?: any, opts?: any) => string

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

@@ -13,7 +13,6 @@ import { appPlatformTypes, platformContext } from '@remix-ui/app'
 import { HomeTabFileElectron } from './components/homeTabFileElectron'
 import { LanguageOptions } from './components/homeTablangOptions'
 
-
 declare global {
   interface Window {
     _paq: any