Fix LinkCell missing key

swan-io · Dec 3, 2024 · e6511e9 · e6511e9
1 parent e82c811
commit e6511e9
Showing 1 changed file with 21 additions and 9 deletions.
diff --git a/packages/lake/src/components/Cells.tsx b/packages/lake/src/components/Cells.tsx
@@ -358,7 +358,7 @@ export const LinkCell = ({
 }: LinkCellProps) => {
   const atEnd = buttonPosition === "end";
 
-  const elements = [
+  const button = (
     <Pressable
       style={[styles.button, atEnd && styles.buttonEnd]}
       onPress={event => {
@@ -378,18 +378,30 @@ export const LinkCell = ({
           )}
         </>
       )}
-    </Pressable>,
+    </Pressable>
+  );
 
+  const text = (
     <LakeText numberOfLines={1} color={colors.gray[900]} variant={variant} tooltip={tooltip}>
       {children}
-    </LakeText>,
-  ];
-
-  if (atEnd) {
-    elements.reverse();
-  }
+    </LakeText>
+  );
 
-  return <Cell fadeOn={fadeOn}>{elements}</Cell>;
+  return (
+    <Cell fadeOn={fadeOn}>
+      {atEnd ? (
+        <>
+          {button}
+          {text}
+        </>
+      ) : (
+        <>
+          {text}
+          {button}
+        </>
+      )}
+    </Cell>
+  );
 };
 
 /**