From 66a5b45ea664740101e65eb633a2500fdcef7e92 Mon Sep 17 00:00:00 2001
From: Pascal Breuninger <pascal.breuninger@loft.sh>
Date: Tue, 16 May 2023 15:49:41 +0200
Subject: [PATCH] fix(ui): adjust provider card image padding; link to new
 issue template

---
 desktop/src/components/Layout/StatusBar.tsx  | 18 +++---------------
 desktop/src/views/Providers/ProviderCard.tsx |  6 +++---
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/desktop/src/components/Layout/StatusBar.tsx b/desktop/src/components/Layout/StatusBar.tsx
index 164f0091e..686a6868b 100644
--- a/desktop/src/components/Layout/StatusBar.tsx
+++ b/desktop/src/components/Layout/StatusBar.tsx
@@ -1,3 +1,4 @@
+import { StarIcon } from "@chakra-ui/icons"
 import {
   BoxProps,
   Checkbox,
@@ -11,30 +12,17 @@ import {
   Text,
   Tooltip,
 } from "@chakra-ui/react"
-import { useCallback } from "react"
 import { FaBug } from "react-icons/fa"
 import { HiDocumentMagnifyingGlass } from "react-icons/hi2"
 import { version } from "../../../package.json"
-import { client, DEVPOD_GIT_REPOSITORY } from "../../client"
+import { client } from "../../client"
 import { Debug, useArch, useDebug, usePlatform } from "../../lib"
-import { StarIcon } from "@chakra-ui/icons"
 
 export function StatusBar(boxProps: BoxProps) {
   const arch = useArch()
   const platform = usePlatform()
   const debug = useDebug()
 
-  const handleReportIssueClicked = useCallback(() => {
-    const body = encodeURIComponent(`TODO: Describe the Issue here
----
-**Version**: ${version}
-**Platform**: ${platform ?? "Unknown Platform"}
-**Arch**: ${arch ?? "Unknown Arch"}
-    `)
-    const link = `${DEVPOD_GIT_REPOSITORY}/issues/new?body=${body}`
-    client.openLink(link)
-  }, [arch, platform])
-
   return (
     <HStack justify="space-between" paddingX="6" fontSize="sm" zIndex="overlay" {...boxProps}>
       <Text>
@@ -65,7 +53,7 @@ export function StatusBar(boxProps: BoxProps) {
             rounded="full"
             icon={<Icon as={FaBug} color="gray.700" />}
             aria-label="Report an Issue"
-            onClick={handleReportIssueClicked}
+            onClick={() => client.openLink("https://github.com/loft-sh/devpod/issues/new/choose")}
           />
         </Tooltip>
         {debug.isEnabled && (
diff --git a/desktop/src/views/Providers/ProviderCard.tsx b/desktop/src/views/Providers/ProviderCard.tsx
index 779f9949f..a5c6a1c81 100644
--- a/desktop/src/views/Providers/ProviderCard.tsx
+++ b/desktop/src/views/Providers/ProviderCard.tsx
@@ -85,14 +85,14 @@ export function ProviderCard({ id, provider, remove }: TProviderCardProps) {
           {exists(providerIcon) ? (
             <Image
               objectFit="cover"
-              padding="8"
+              padding="4"
               borderRadius="md"
-              height="48"
+              height="44"
               src={providerIcon}
               alt="Provider Image"
             />
           ) : (
-            <Center height="48">
+            <Center height="44">
               <ProviderPlaceholder boxSize={24} color="chakra-body-text" />
             </Center>
           )}