From 1a3402f6990b87bba6cf527c7247fdf58098d512 Mon Sep 17 00:00:00 2001
From: mulengawilfred <m.wilfred@eukarya.io>
Date: Fri, 25 Oct 2024 15:52:32 +0200
Subject: [PATCH] fix: refactor css to col component and run translate command

---
 .../AssetsManager/item/AssetListItem.tsx      | 26 +++++++++----------
 web/src/services/i18n/translations/en.yml     |  2 ++
 web/src/services/i18n/translations/ja.yml     |  2 ++
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/web/src/beta/features/AssetsManager/item/AssetListItem.tsx b/web/src/beta/features/AssetsManager/item/AssetListItem.tsx
index bb6b8d0b90..fa1dca02c9 100644
--- a/web/src/beta/features/AssetsManager/item/AssetListItem.tsx
+++ b/web/src/beta/features/AssetsManager/item/AssetListItem.tsx
@@ -71,20 +71,18 @@ const AssetListItem: FC<AssetItemProps> = ({
       <Col width={10}>
         <Typography size="body">{formattedSize}</Typography>
       </Col>
-      <Col
-        otherProperties={{ display: "flex", alignItems: "center" }}
-        width={30}
-        title={asset.url}
-      >
+      <Col width={30} title={asset.url} style={{ flex: 1 }}>
         <Typography otherProperties={{ width: "200px" }} size="body">
           {asset.url}
         </Typography>
-        <IconButton
-          appearance="simple"
-          icon="copy"
-          onClick={handleIconClick}
-          size="medium"
-        />
+        <div style={{ flexGrow: 1 }}>
+          <IconButton
+            appearance="simple"
+            icon="copy"
+            onClick={handleIconClick}
+            size="medium"
+          />
+        </div>
       </Col>
     </Wrapper>
   );
@@ -131,12 +129,12 @@ const AssetName = styled("div")(() => ({
 
 const Col = styled("div")<{
   width: number;
-  otherProperties?: React.CSSProperties;
-}>(({ width, otherProperties }) => ({
+}>(({ width }) => ({
   width: `${width}%`,
   flexGrow: 0,
   flexShrink: 0,
-  ...otherProperties
+  display: "flex",
+  alignItems: "center"
 }));
 
 function formatBytes(bytes: number): string {
diff --git a/web/src/services/i18n/translations/en.yml b/web/src/services/i18n/translations/en.yml
index 2651717e37..3ca2144054 100644
--- a/web/src/services/i18n/translations/en.yml
+++ b/web/src/services/i18n/translations/en.yml
@@ -29,7 +29,9 @@ Assets selected: ''
 Asset selected: ''
 Uploaded At: ''
 Size: ''
+Path: ''
 No Asset has been uploaded yet: ''
+Asset url copied: ''
 Use Name or Email: ''
 Find Member: ''
 No Member match your search.: ''
diff --git a/web/src/services/i18n/translations/ja.yml b/web/src/services/i18n/translations/ja.yml
index 3703bc59be..da33d965a7 100644
--- a/web/src/services/i18n/translations/ja.yml
+++ b/web/src/services/i18n/translations/ja.yml
@@ -29,7 +29,9 @@ Assets selected: ''
 Asset selected: ''
 Uploaded At: ''
 Size: ''
+Path: ''
 No Asset has been uploaded yet: ''
+Asset url copied: ''
 Use Name or Email: ''
 Find Member: ''
 No Member match your search.: ''