Fix default catalog landing page display of nodes (#1925)

* Fix default catalog landing page display of nodes

* Keep node name widths to maximum defaults

Author: shangyian

datajunction-ui/src/app/components/NamespaceHeader.jsx

@@ -45,6 +45,11 @@ export default function NamespaceHeader({
     setExistingPR(null);
 
     const fetchData = async () => {
+      if (!namespace) {
+        if (onGitConfigLoaded) onGitConfigLoaded(null);
+        setGitConfigLoading(false);
+        return;
+      }
       if (namespace) {
         // Fetch deployment sources
         try {

datajunction-ui/src/app/pages/NamespacePage/index.jsx

@@ -620,7 +620,14 @@ export function NamespacePage() {
     state.nodes.length > 0 ? (
       state.nodes.map(node => (
         <tr key={node.name}>
-          <td>
+          <td
+            style={{
+              maxWidth: '300px',
+              overflow: 'hidden',
+              whiteSpace: 'nowrap',
+              textOverflow: 'ellipsis',
+            }}
+          >
             <a href={'/nodes/' + node.name} className="link-table">
               {isBranchNamespace && node.name.startsWith(namespace + '.')
                 ? node.name.slice(namespace.length + 1)
@@ -633,7 +640,14 @@ export function NamespacePage() {
               {node.currentVersion}
             </span>
           </td>
-          <td>
+          <td
+            style={{
+              maxWidth: '250px',
+              overflow: 'hidden',
+              whiteSpace: 'nowrap',
+              textOverflow: 'ellipsis',
+            }}
+          >
             <a href={'/nodes/' + node.name} className="link-table">
               {node.type !== 'source' ? node.current.displayName : ''}
             </a>