From b6661f78bffc18f6cf10289bad87963d0b30a4a2 Mon Sep 17 00:00:00 2001
From: albinAppsmith <87797149+albinAppsmith@users.noreply.github.com>
Date: Fri, 9 Feb 2024 21:26:40 +0530
Subject: [PATCH] fix: Added airgap helper for datasource icon URL (#31027)

---
 app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx b/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx
index 74e1123c127..f089c72a7d5 100644
--- a/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx
+++ b/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx
@@ -32,6 +32,7 @@ import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
 import { getHasCreateDatasourcePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 import { EmptyState } from "../EditorPane/components/EmptyState";
+import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
 
 const PaneContainer = styled.div`
   width: 300px;
@@ -134,7 +135,9 @@ const DataSidePane = () => {
                 isSelected: currentSelectedDatasource === data.id,
                 startIcon: (
                   <DatasourceIcon
-                    src={groupedPlugins[data.pluginId].iconLocation}
+                    src={getAssetUrl(
+                      groupedPlugins[data.pluginId].iconLocation,
+                    )}
                   />
                 ),
               }))}