Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
Alejandro-Vega committed Sep 27, 2023
2 parents 931a22f + c15c15b commit e6e1209
Showing 1 changed file with 13 additions and 27 deletions.
40 changes: 13 additions & 27 deletions src/components/DataSubmissions/DataSubmissionSummary.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -74,24 +74,14 @@ const StyledHistoryButton = styled(Button)(() => ({

const StyledSectionDivider = styled(Divider)(() => ({
"&.MuiDivider-root": {
width: "1.5px",
width: "2px",
height: "107px",
background: "#6CACDA",
marginLeft: "35px",
marginTop: "9px",
},
}));

const StyledSubmitterDivider = styled(Divider)(() => ({
"&.MuiDivider-root": {
width: "1.5px",
height: "23px",
background: "#D5EAF3",
marginLeft: "14px",
marginRight: "16px",
},
}));

const StyledSubmitterName = styled(StyledValue)(() => ({
whiteSpace: "nowrap",
overflow: "hidden",
Expand Down Expand Up @@ -159,26 +149,22 @@ const DataSubmissionSummary: FC<Props> = ({ dataSubmission }) => {

<StyledGridContainer container rowSpacing={2} columnSpacing={14}>
<SubmissionHeaderProperty
label="Submission ID"
label="Submission Name"
value={(
<Stack direction="row" alignItems="center" sx={{ minWidth: 0 }}>
<StyledValue>{dataSubmission?._id}</StyledValue>
{dataSubmission?.name && (
<>
<StyledSubmitterDivider orientation="vertical" />
<Tooltip
title="Submission Name"
body={(
<StyledTooltipSubmitterName variant="body2">
{dataSubmission?.name}
</StyledTooltipSubmitterName>
)}
>
<StyledSubmitterName>
<Tooltip
title="Submission Name"
body={(
<StyledTooltipSubmitterName variant="body2">
{dataSubmission?.name}
</StyledSubmitterName>
</Tooltip>
</>
</StyledTooltipSubmitterName>
)}
>
<StyledSubmitterName>
{dataSubmission?.name}
</StyledSubmitterName>
</Tooltip>
)}
</Stack>
)}
Expand Down

0 comments on commit e6e1209

Please # to comment.