Update text for more memory select

eclipse-cdt-cloud · Mar 6, 2024 · 09b0b60 · 09b0b60
1 parent 975fcd2
commit 09b0b60
Showing 1 changed file with 20 additions and 16 deletions.
diff --git a/src/webview/components/memory-table.tsx b/src/webview/components/memory-table.tsx
@@ -85,6 +85,25 @@ export const MoreMemorySelect: React.FC<MoreMemoryAboveSelectProps | MoreMemoryB
         fetchMemory({ offset: newOffset });
     };
 
+    const selector = <select
+        className={`bytes-select ${props.disabled ? 'p-disabled' : ''}`}
+        onChange={onSelectChange}
+        tabIndex={0}
+        disabled={props.disabled}
+    >
+        {props.options.map(option => (
+            <option
+                key={`more-memory-select-${option}`}
+                value={option}
+            >
+                {option}
+            </option>))}
+    </select>;
+
+    const isGrowing = props.direction === 'above' && props.shouldPrepend === true;
+    const growLabel = <span>Load {selector} more bytes {props.direction}</span>;
+    const moveLabel = <span>Move {selector} bytes {props.direction}</span>;
+
     return (
         <div
             className={`more-memory-select ${props.disabled ? 'p-disabled' : ''}`}
@@ -95,22 +114,7 @@ export const MoreMemorySelect: React.FC<MoreMemoryAboveSelectProps | MoreMemoryB
             ref={containerRef}
         >
             <div className='more-memory-select-top no-select'>
-                Load
-                <select
-                    className={`bytes-select ${props.disabled ? 'p-disabled' : ''}`}
-                    onChange={onSelectChange}
-                    tabIndex={0}
-                    disabled={props.disabled}
-                >
-                    {props.options.map(option => (
-                        <option
-                            key={`more-memory-select-${option}`}
-                            value={option}
-                        >
-                            {option}
-                        </option>))}
-                </select>
-                {`more bytes ${props.direction}`}
+                {isGrowing ? growLabel : moveLabel}
             </div>
         </div>
     );