Merge pull request #85 from RENCI/date-time-format

Minor tweaks to the layer cards
RENCI · Jun 11, 2024 · 2e7ee1f · 2e7ee1f
2 parents f886e31 + f07c0f9
commit 2e7ee1f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/trays/layers/layer-card.js b/src/components/trays/layers/layer-card.js
@@ -53,7 +53,7 @@ export const LayerCard = ({ index, layer }) => {
           borderLeftColor: isVisible
             ? `primary.plainColor`
             : `primary.plainDisabledColor`,
-          '.action-button': { filter: 'opacity(0.1)', transition: 'filter 250ms' },
+          '.action-button': { filter: 'opacity(0.5)', transition: 'filter 250ms' },
           '&:hover .action-button': { filter: 'opacity(0.5)' },
           '& .action-button:hover': { filter: 'opacity(1.0)' },
         }}
@@ -85,7 +85,7 @@ export const LayerCard = ({ index, layer }) => {
             sx={{ flex: 1, pl: '50px' }}
           >
             <Typography level="body-sm" sx={{ display: 'inline-flex', alignItems: 'center' }}>
-              <ClockIcon sx={{ transform: 'scale(0.66)' }} /> { new Date(layer.properties.run_date).toLocaleString() }
+              <ClockIcon sx={{ transform: 'scale(0.66)' }} /> { layer.properties.run_date }
             </Typography>
             <Typography level="body-xs" sx={{ display: 'inline-flex', alignItems: 'center' }}>
               Cycle { layer.properties.cycle }