[arvados] updated: 2.7.0-5603-g26955439f4

git repository hosting git at public.arvados.org
Tue Dec 19 16:14:45 UTC 2023


Summary of changes:
 .../instance-types-panel/instance-types-panel.tsx  | 55 +++++++++++-----------
 1 file changed, 28 insertions(+), 27 deletions(-)

       via  26955439f42946b90550ffca2b0da7d155f42c6e (commit)
      from  9d79c796788c259b759adb16d5c87f18c52380b3 (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 26955439f42946b90550ffca2b0da7d155f42c6e
Author: Stephen Smith <stephen at curii.com>
Date:   Tue Dec 19 11:14:19 2023 -0500

    19675: Use detailsattribute to display instance type properties similar to
    resources panel
    
    Arvados-DCO-1.1-Signed-off-by: Stephen Smith <stephen at curii.com>

diff --git a/services/workbench2/src/views/instance-types-panel/instance-types-panel.tsx b/services/workbench2/src/views/instance-types-panel/instance-types-panel.tsx
index 3a6247b624..5afdd6296e 100644
--- a/services/workbench2/src/views/instance-types-panel/instance-types-panel.tsx
+++ b/services/workbench2/src/views/instance-types-panel/instance-types-panel.tsx
@@ -11,6 +11,7 @@ import { connect } from 'react-redux';
 import { ClusterConfigJSON } from 'common/config';
 import { NotFoundView } from 'views/not-found-panel/not-found-panel';
 import { formatCWLResourceSize, formatCost, formatFileSize } from 'common/formatters';
+import { DetailsAttribute } from 'components/details-attribute/details-attribute';
 
 type CssRules = 'root' | 'instanceType';
 
@@ -61,35 +62,35 @@ export const InstanceTypesPanel = withStyles(styles)(connect(mapStateToProps)(
                                         <Typography variant="h6">
                                             {instanceKey}
                                         </Typography>
-                                        <Typography>
-                                            Provider type: {instanceType.ProviderType}
-                                        </Typography>
-                                        <Typography>
-                                            Price: {formatCost(instanceType.Price)}
-                                        </Typography>
-                                        <Typography>
-                                            Cores: {instanceType.VCPUs}
-                                        </Typography>
-                                        <Typography>
-                                            Max RAM request: {formatCWLResourceSize(ramRequest)} ({formatFileSize(ramRequest)})
-                                        </Typography>
-                                        <Typography>
-                                            Max disk request: {formatCWLResourceSize(diskRequest)} ({formatFileSize(diskRequest)})
-                                        </Typography>
-                                        <Typography>
-                                            Preemptible: {instanceType.Preemptible.toString()}
-                                        </Typography>
+                                        <Grid item xs={12}>
+                                            <DetailsAttribute label="Provider type" value={instanceType.ProviderType} />
+                                        </Grid>
+                                        <Grid item xs={12}>
+                                            <DetailsAttribute label="Price" value={instanceType.Price} />
+                                        </Grid>
+                                        <Grid item xs={12}>
+                                            <DetailsAttribute label="Cores" value={instanceType.VCPUs} />
+                                        </Grid>
+                                        <Grid item xs={12}>
+                                            <DetailsAttribute label="Max RAM request" value={`${formatCWLResourceSize(ramRequest)} (${formatFileSize(ramRequest)})`} />
+                                        </Grid>
+                                        <Grid item xs={12}>
+                                            <DetailsAttribute label="Max disk request" value={`${formatCWLResourceSize(diskRequest)} (${formatFileSize(diskRequest)})`} />
+                                        </Grid>
+                                        <Grid item xs={12}>
+                                            <DetailsAttribute label="Preemptible" value={instanceType.Preemptible.toString()} />
+                                        </Grid>
                                         {instanceType.CUDA && instanceType.CUDA.DeviceCount > 0 ?
                                             <>
-                                                <Typography>
-                                                    CUDA GPUs: {instanceType.CUDA.DeviceCount}
-                                                </Typography>
-                                                <Typography>
-                                                    Hardware capability: {instanceType.CUDA.HardwareCapability}
-                                                </Typography>
-                                                <Typography>
-                                                    Driver version: {instanceType.CUDA.DriverVersion}
-                                                </Typography>
+                                                <Grid item xs={12}>
+                                                    <DetailsAttribute label="CUDA GPUs" value={instanceType.CUDA.DeviceCount} />
+                                                </Grid>
+                                                <Grid item xs={12}>
+                                                    <DetailsAttribute label="Hardware capability" value={instanceType.CUDA.HardwareCapability} />
+                                                </Grid>
+                                                <Grid item xs={12}>
+                                                    <DetailsAttribute label="Driver version" value={instanceType.CUDA.DriverVersion} />
+                                                </Grid>
                                             </> : <></>
                                         }
                                     </CardContent>

-----------------------------------------------------------------------


hooks/post-receive
-- 




More information about the arvados-commits mailing list