style changes to ls command

levelbreaded · Oct 27, 2024 · a539315 · a539315
1 parent 5531f5f
commit a539315
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/commands/list.tsx b/src/commands/list.tsx
@@ -74,6 +74,7 @@ export const List = () => {
     return (
         <Box flexDirection="column" gap={0}>
             {nodes.map((node) => {
+                const isCurrent = currentBranch.value === node.name;
                 const style = styleMap[
                     node.prefix.length % styleMap.length
                 ] as TextStyle;
@@ -83,18 +84,19 @@ export const List = () => {
                             elements={[
                                 ...node.prefix,
                                 {
-                                    symbols:
-                                        currentBranch.value === node.name
-                                            ? '⊗'
-                                            : '◯',
+                                    symbols: isCurrent ? '⊗' : '◯',
                                 },
                                 ...node.suffix,
                             ]}
                         />
-                        <Spaces count={maxWidth + 2 - node.width} />
+                        <Spaces
+                            count={
+                                maxWidth + 2 - node.width + (isCurrent ? 0 : 2)
+                            }
+                        />
                         <Text color={style.color} dimColor={style.dimColor}>
+                            {isCurrent ? ' 👉 ' : ''}
                             {node.name}{' '}
-                            {currentBranch.value === node.name ? '👈' : ''}
                         </Text>
                     </Text>
                 );