Merge pull request #244 from us3r-network/F-appModelLink-ttang

feat: app model link
us3r-network · Sep 26, 2023 · a7cbd4d · a7cbd4d
2 parents a64de1c + 7f51f09
commit a7cbd4d
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 22 deletions.
diff --git a/packages/client/scan/src/components/Header.tsx b/packages/client/scan/src/components/Header.tsx
@@ -51,11 +51,12 @@ export default function Header() {
         {(showBack && window.history.length > 1 && (
           <BackBtn
             backAction={() => {
-              if (location.pathname.startsWith('/models/modelview')) {
-                navigate('/models')
-              } else {
-                navigate(-1)
-              }
+              navigate(-1)
+              // if (location.pathname.startsWith('/models/modelview')) {
+              //   navigate('/models')
+              // } else {
+              //   navigate(-1)
+              // }
             }}
           />
         )) || <div></div>}

diff --git a/packages/client/scan/src/container/DappsList.tsx b/packages/client/scan/src/container/DappsList.tsx
@@ -70,7 +70,13 @@ export default function DappsList() {
                         {(item.modelDetals.length > 0 &&
                           item.modelDetals.map((item, idx) => {
                             return (
-                              <span key={idx}>{item.stream_content.name}</span>
+                              <span key={idx}>
+                                <Link
+                                  to={`/models/modelview/${item.stream_id}?network=${network}`}
+                                >
+                                  {item.stream_content.name}
+                                </Link>
+                              </span>
                             )
                           })) ||
                           '-'}
@@ -217,9 +223,8 @@ const TableContainer = styled.table<{ isMobile: boolean }>`
     align-items: center;
     gap: 10px;
     max-width: 550px;
-    overflow: hidden;
     text-overflow: ellipsis;
-    overflow: hidden;
+    overflow: scroll;
     padding-right: 5px;
     white-space: nowrap;
   }

diff --git a/packages/client/scan/src/container/ModelView.tsx b/packages/client/scan/src/container/ModelView.tsx
@@ -160,20 +160,22 @@ export default function ModelView() {
   return (
     <Tabs disabledKeys={disabledKeys}>
       <div className="title-bar">
-        <ToolsBox>
-          <span>{modelStream?.streamContent?.name}</span>
-          {isAdmin && !isIndexed && (
-            <>
-              {indexing ? (
-                <button>
-                  <Spinner />
-                </button>
-              ) : (
-                <button onClick={startIndex}>Start index</button>
-              )}
-            </>
-          )}
-        </ToolsBox>
+        {(modelStream?.streamContent?.name && (
+          <ToolsBox>
+            <span>{modelStream?.streamContent?.name}</span>
+            {isAdmin && !isIndexed && (
+              <>
+                {indexing ? (
+                  <button>
+                    <Spinner />
+                  </button>
+                ) : (
+                  <button onClick={startIndex}>Start index</button>
+                )}
+              </>
+            )}
+          </ToolsBox>
+        )) || <div></div>}
         <TabList aria-label="History of Ancient Rome">
           <Tab id="Definition">Model Definition</Tab>
           <Tab id="Instance">Model Instance Documents</Tab>