WIP: adjust url text length

AhuiZhao · Sep 15, 2022 · 8ba0141 · 8ba0141
1 parent d6b9d72
commit 8ba0141
Show file tree

Hide file tree

Showing 15 changed files with 9 additions and 211,693 deletions.
diff --git a/src/devtoolApp/components/DownloadList/LogSection/index.js b/src/devtoolApp/components/DownloadList/LogSection/index.js
@@ -72,11 +72,14 @@ export const LogSection = (props) => {
         <LogSectionFilterInput value={filter} onChange={handleFilterChange} placeholder={`Enter filter keywords...`} />
       </LogSectionFilter>
       <LogSectionList>
-        {result[viewTab].map((i) => (
-          <LogSectionListItem key={i.url} bgColor={TABS_COLORS[viewTab]}>
-            {i.url}
-          </LogSectionListItem>
-        ))}
+        {result[viewTab].map((i) => {
+          const urlText = i.url?.length > 1024 ? `${i.url}...` : i.url;
+          return (
+            <LogSectionListItem key={i.url} bgColor={TABS_COLORS[viewTab]}>
+              {urlText}
+            </LogSectionListItem>
+          );
+        })}
       </LogSectionList>
     </LogSectionWrapper>
   );

diff --git a/src/devtoolApp/components/DownloadList/index.js b/src/devtoolApp/components/DownloadList/index.js
@@ -53,7 +53,7 @@ export const DownloadList = () => {
           return (
             <React.Fragment key={item.url}>
               <DownloadListItemWrapper highlighted={item.url === tab.url} done={!!foundLog} logExpanded={logExpanded}>
-                <DownloadListItemUrl active={isSaving === item.url}>{String(item.url).slice(0, 128)}</DownloadListItemUrl>
+                <DownloadListItemUrl active={isSaving === item.url}>{item.url}</DownloadListItemUrl>
                 <DownloadListButtonGroup>
                   {!isSaving && foundLog && (
                     <Button color={`secondary`} onClick={handleLog(foundLog)}>

diff --git a/unpacked2x/Dosis-Book.500ffc4b.eot b/unpacked2x/Dosis-Book.500ffc4b.eot
diff --git a/unpacked2x/Dosis-Book.9d2a2e92.woff b/unpacked2x/Dosis-Book.9d2a2e92.woff
diff --git a/unpacked2x/Dosis-Book.b4274606.ttf b/unpacked2x/Dosis-Book.b4274606.ttf
diff --git a/unpacked2x/Dosis-Book.beedc405.svg b/unpacked2x/Dosis-Book.beedc405.svg
diff --git a/unpacked2x/devtool.app.5545e409.js b/unpacked2x/devtool.app.5545e409.js
diff --git a/unpacked2x/devtool.app.5545e409.js.map b/unpacked2x/devtool.app.5545e409.js.map
diff --git a/unpacked2x/devtool.app.64fb0f27.css b/unpacked2x/devtool.app.64fb0f27.css
diff --git a/unpacked2x/devtool.app.64fb0f27.css.map b/unpacked2x/devtool.app.64fb0f27.css.map
diff --git a/unpacked2x/devtool.app.c46477f1.js b/unpacked2x/devtool.app.c46477f1.js
diff --git a/unpacked2x/devtool.app.c46477f1.js.map b/unpacked2x/devtool.app.c46477f1.js.map