fix: construct db_icon from datasource_name when missing in API response

The create/update connection API response doesn't include db_icon,
causing broken image icons in the connection dropdown after creating
a new connection. Now constructs the icon URL from datasource_name
when db_icon is missing.

Author: wicky-zipstack

frontend/src/base/components/environment/NewEnv.jsx

@@ -252,15 +252,21 @@ const NewEnv = ({
   const getAllConnections = useCallback(
     async (updatedConnection) => {
       if (updatedConnection?.id) {
+        const conn = { ...updatedConnection };
+        if (!conn.db_icon && conn.datasource_name) {
+          const iconName =
+            conn.datasource_name === "postgres"
+              ? "postgresql"
+              : conn.datasource_name;
+          conn.db_icon = `https://storage.googleapis.com/visitran-static/adapter/${iconName}.png`;
+        }
         setConnectionList((prev) => {
           const list = prev || [];
-          const exists = list.some((c) => c?.id === updatedConnection.id);
+          const exists = list.some((c) => c?.id === conn.id);
           if (exists) {
-            return list.map((c) =>
-              c?.id === updatedConnection.id ? updatedConnection : c
-            );
+            return list.map((c) => (c?.id === conn.id ? conn : c));
           }
-          return [...list, updatedConnection];
+          return [...list, conn];
         });
         return;
       }

frontend/src/base/new-project/NewProject.jsx

@@ -69,15 +69,21 @@ function NewProject({ open, setOpen, getAllProject, id }) {
   const getAllConnections = useCallback(
     async (updatedConnection) => {
       if (updatedConnection?.id) {
+        const conn = { ...updatedConnection };
+        if (!conn.db_icon && conn.datasource_name) {
+          const iconName =
+            conn.datasource_name === "postgres"
+              ? "postgresql"
+              : conn.datasource_name;
+          conn.db_icon = `https://storage.googleapis.com/visitran-static/adapter/${iconName}.png`;
+        }
         setConnectionList((prev) => {
           const list = prev || [];
-          const exists = list.some((c) => c?.id === updatedConnection.id);
+          const exists = list.some((c) => c?.id === conn.id);
           if (exists) {
-            return list.map((c) =>
-              c?.id === updatedConnection.id ? updatedConnection : c
-            );
+            return list.map((c) => (c?.id === conn.id ? conn : c));
           }
-          return [...list, updatedConnection];
+          return [...list, conn];
         });
         return;
       }