From 03adf538b03270404956dc16b191069f913e54d1 Mon Sep 17 00:00:00 2001
From: Andre Silva <32734153+Aandree5@users.noreply.github.com>
Date: Fri, 1 Aug 2025 10:13:05 +0100
Subject: [PATCH] feat(releases-widget): Allow to display only the icon (#3695)

---
 packages/translation/src/lang/en.json       |  3 +++
 packages/widgets/src/releases/component.tsx | 13 ++++++++-----
 packages/widgets/src/releases/index.ts      |  3 +++
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/translation/src/lang/en.json b/packages/translation/src/lang/en.json
index b19330425..dfc20d1ff 100644
--- a/packages/translation/src/lang/en.json
+++ b/packages/translation/src/lang/en.json
@@ -2257,6 +2257,9 @@
         "showDetails": {
           "label": "Show Details"
         },
+        "showOnlyIcon": {
+          "label": "Show Only Icon"
+        },
         "topReleases": {
           "label": "Top Releases",
           "description": "The max number of latest releases to show. Zero means no limit."
diff --git a/packages/widgets/src/releases/component.tsx b/packages/widgets/src/releases/component.tsx
index bbde6d212..72be89f42 100644
--- a/packages/widgets/src/releases/component.tsx
+++ b/packages/widgets/src/releases/component.tsx
@@ -198,12 +198,15 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
                 className="releases-repository-header-nameVersion-wrapper"
                 gap={5}
                 justify="space-between"
+                miw={0}
                 style={{ flex: 1 }}
               >
-                <Text className="releases-repository-header-name" size="xs">
-                  {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}
-                  {repository.name || repository.identifier}
-                </Text>
+                {!options.showOnlyIcon && (
+                  <Text className="releases-repository-header-name" size="xs">
+                    {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}
+                    {repository.name || repository.identifier}
+                  </Text>
+                )}
 
                 <Tooltip
                   className="releases-repository-header-version-tooltip"
@@ -225,7 +228,7 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
                 </Tooltip>
               </Group>
 
-              <Group className="releases-repository-header-releaseDate-wrapper" gap={5}>
+              <Group className="releases-repository-header-releaseDate-wrapper" gap={5} style={{ flex: "0 0 auto" }}>
                 <Text
                   className="releases-repository-header-releaseDate"
                   size="xs"
diff --git a/packages/widgets/src/releases/index.ts b/packages/widgets/src/releases/index.ts
index e7c0c50b9..42081a9c2 100644
--- a/packages/widgets/src/releases/index.ts
+++ b/packages/widgets/src/releases/index.ts
@@ -30,6 +30,9 @@ export const { definition, componentLoader } = createWidgetDefinition("releases"
       showDetails: factory.switch({
         defaultValue: true,
       }),
+      showOnlyIcon: factory.switch({
+        defaultValue: false,
+      }),
       topReleases: factory.number({
         withDescription: true,
         defaultValue: 0,