Change order of apps list and apps installations (#2452)
This commit is contained in:
Lukasz Ostrowski
GitHub
parent
158188002a
commit
8f1a291c65
2 changed files with 193 additions and 194 deletions
|
|
@ -103,6 +103,16 @@ const AppsListPage: React.FC<AppsListPageProps> = ({
|
||||||
id="MYA6EV"
|
id="MYA6EV"
|
||||||
/>
|
/>
|
||||||
</p>
|
</p>
|
||||||
|
{!!appsInProgress?.length && (
|
||||||
|
<>
|
||||||
|
<AppsInProgress
|
||||||
|
appsList={appsInProgress}
|
||||||
|
onAppInstallRetry={onAppInstallRetry}
|
||||||
|
onRemove={onAppInProgressRemove}
|
||||||
|
/>
|
||||||
|
<CardSpacer />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
<InstalledApps
|
<InstalledApps
|
||||||
title={intl.formatMessage({
|
title={intl.formatMessage({
|
||||||
id: "BvmnJq",
|
id: "BvmnJq",
|
||||||
|
|
@ -116,17 +126,6 @@ const AppsListPage: React.FC<AppsListPageProps> = ({
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<CardSpacer />
|
<CardSpacer />
|
||||||
|
|
||||||
{!!appsInProgress?.length && (
|
|
||||||
<>
|
|
||||||
<CardSpacer />
|
|
||||||
<AppsInProgress
|
|
||||||
appsList={appsInProgress}
|
|
||||||
onAppInstallRetry={onAppInstallRetry}
|
|
||||||
onRemove={onAppInProgressRemove}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -25053,6 +25053,189 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
|
||||||
<p>
|
<p>
|
||||||
Third party apps are installed with App Manifests. They contain UI accessible from dashboard and can extend it.
|
Third party apps are installed with App Manifests. They contain UI accessible from dashboard and can extend it.
|
||||||
</p>
|
</p>
|
||||||
|
<div
|
||||||
|
class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="MuiCardHeader-root-id"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="MuiCardHeader-content-id"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
|
||||||
|
>
|
||||||
|
Ongoing Installations
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ResponsiveTable-root-id"
|
||||||
|
>
|
||||||
|
<table
|
||||||
|
class="MuiTable-root-id"
|
||||||
|
>
|
||||||
|
<tbody
|
||||||
|
class="MuiTableBody-root-id"
|
||||||
|
>
|
||||||
|
<tr
|
||||||
|
class="MuiTableRow-root-id AppList-tableRow-id MuiTableRow-hover-id"
|
||||||
|
>
|
||||||
|
<td
|
||||||
|
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colName-id"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
data-tc="name"
|
||||||
|
>
|
||||||
|
app
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colAction-id AppList-colInstallAction-id"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="MuiTypography-root-id AppList-error-id MuiTypography-body2-id"
|
||||||
|
>
|
||||||
|
Problem occured during installation
|
||||||
|
<button
|
||||||
|
class="TooltipMountWrapper-wrapper-id"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="Indicator-wrapper-id Indicator-wrapper-id"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="Indicator-absolute-id"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle
|
||||||
|
class="Indicator-circlePath-id Indicator-circlePath-id"
|
||||||
|
cx="12"
|
||||||
|
cy="12"
|
||||||
|
r="12"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<svg
|
||||||
|
class="Indicator-absolute-id"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m8 8 8 8m0-8-8 8"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="1.5"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
class="MuiButtonBase-root-id MuiButton-root-id MuiButton-outlined-id MuiButton-outlinedPrimary-id MuiButton-outlinedSizeSmall-id MuiButton-sizeSmall-id"
|
||||||
|
tabindex="0"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="MuiButton-label-id"
|
||||||
|
>
|
||||||
|
Retry
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="MuiButtonBase-root-id IconButton-secondary-id IconButton-hoverOutline-id"
|
||||||
|
color="primary"
|
||||||
|
tabindex="0"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="MuiSvgIcon-root-id MacawIcon-root-id"
|
||||||
|
fill="none"
|
||||||
|
focusable="false"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="1.5"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr
|
||||||
|
class="MuiTableRow-root-id AppList-tableRow-id MuiTableRow-hover-id"
|
||||||
|
>
|
||||||
|
<td
|
||||||
|
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colName-id"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
data-tc="name"
|
||||||
|
>
|
||||||
|
app pending
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colAction-id AppList-colInstallAction-id"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="MuiTypography-root-id AppList-text-id MuiTypography-body2-id"
|
||||||
|
>
|
||||||
|
Installing app...
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="AppList-colSpinner-id"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="MuiCircularProgress-root-id MuiCircularProgress-colorPrimary-id MuiCircularProgress-indeterminate-id"
|
||||||
|
role="progressbar"
|
||||||
|
style="width:20px;height:20px"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="MuiCircularProgress-svg-id"
|
||||||
|
viewBox="22 22 44 44"
|
||||||
|
>
|
||||||
|
<circle
|
||||||
|
class="MuiCircularProgress-circle-id MuiCircularProgress-circleIndeterminate-id"
|
||||||
|
cx="44"
|
||||||
|
cy="44"
|
||||||
|
fill="none"
|
||||||
|
r="20.2"
|
||||||
|
stroke-width="3.6"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr
|
||||||
|
class="MuiTableRow-root-id AppList-tableRow-id MuiTableRow-hover-id"
|
||||||
|
>
|
||||||
|
<td
|
||||||
|
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colName-id"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
data-tc="name"
|
||||||
|
>
|
||||||
|
app success
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="CardSpacer-spacer-id"
|
||||||
|
/>
|
||||||
<div
|
<div
|
||||||
class="MuiPaper-root-id MuiCard-root-id AppList-apps-id MuiPaper-elevation0-id MuiPaper-rounded-id"
|
class="MuiPaper-root-id MuiCard-root-id AppList-apps-id MuiPaper-elevation0-id MuiPaper-rounded-id"
|
||||||
>
|
>
|
||||||
|
|
@ -25302,189 +25485,6 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
|
||||||
<div
|
<div
|
||||||
class="CardSpacer-spacer-id"
|
class="CardSpacer-spacer-id"
|
||||||
/>
|
/>
|
||||||
<div
|
|
||||||
class="CardSpacer-spacer-id"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="MuiCardHeader-root-id"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="MuiCardHeader-content-id"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
|
|
||||||
>
|
|
||||||
Ongoing Installations
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ResponsiveTable-root-id"
|
|
||||||
>
|
|
||||||
<table
|
|
||||||
class="MuiTable-root-id"
|
|
||||||
>
|
|
||||||
<tbody
|
|
||||||
class="MuiTableBody-root-id"
|
|
||||||
>
|
|
||||||
<tr
|
|
||||||
class="MuiTableRow-root-id AppList-tableRow-id MuiTableRow-hover-id"
|
|
||||||
>
|
|
||||||
<td
|
|
||||||
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colName-id"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
data-tc="name"
|
|
||||||
>
|
|
||||||
app
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td
|
|
||||||
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colAction-id AppList-colInstallAction-id"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="MuiTypography-root-id AppList-error-id MuiTypography-body2-id"
|
|
||||||
>
|
|
||||||
Problem occured during installation
|
|
||||||
<button
|
|
||||||
class="TooltipMountWrapper-wrapper-id"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="Indicator-wrapper-id Indicator-wrapper-id"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="Indicator-absolute-id"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<circle
|
|
||||||
class="Indicator-circlePath-id Indicator-circlePath-id"
|
|
||||||
cx="12"
|
|
||||||
cy="12"
|
|
||||||
r="12"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
<svg
|
|
||||||
class="Indicator-absolute-id"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="m8 8 8 8m0-8-8 8"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
stroke-width="1.5"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
class="MuiButtonBase-root-id MuiButton-root-id MuiButton-outlined-id MuiButton-outlinedPrimary-id MuiButton-outlinedSizeSmall-id MuiButton-sizeSmall-id"
|
|
||||||
tabindex="0"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="MuiButton-label-id"
|
|
||||||
>
|
|
||||||
Retry
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="MuiButtonBase-root-id IconButton-secondary-id IconButton-hoverOutline-id"
|
|
||||||
color="primary"
|
|
||||||
tabindex="0"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
aria-hidden="true"
|
|
||||||
class="MuiSvgIcon-root-id MacawIcon-root-id"
|
|
||||||
fill="none"
|
|
||||||
focusable="false"
|
|
||||||
height="24"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
width="24"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
stroke-width="1.5"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr
|
|
||||||
class="MuiTableRow-root-id AppList-tableRow-id MuiTableRow-hover-id"
|
|
||||||
>
|
|
||||||
<td
|
|
||||||
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colName-id"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
data-tc="name"
|
|
||||||
>
|
|
||||||
app pending
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td
|
|
||||||
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colAction-id AppList-colInstallAction-id"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="MuiTypography-root-id AppList-text-id MuiTypography-body2-id"
|
|
||||||
>
|
|
||||||
Installing app...
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="AppList-colSpinner-id"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="MuiCircularProgress-root-id MuiCircularProgress-colorPrimary-id MuiCircularProgress-indeterminate-id"
|
|
||||||
role="progressbar"
|
|
||||||
style="width:20px;height:20px"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="MuiCircularProgress-svg-id"
|
|
||||||
viewBox="22 22 44 44"
|
|
||||||
>
|
|
||||||
<circle
|
|
||||||
class="MuiCircularProgress-circle-id MuiCircularProgress-circleIndeterminate-id"
|
|
||||||
cx="44"
|
|
||||||
cy="44"
|
|
||||||
fill="none"
|
|
||||||
r="20.2"
|
|
||||||
stroke-width="3.6"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr
|
|
||||||
class="MuiTableRow-root-id AppList-tableRow-id MuiTableRow-hover-id"
|
|
||||||
>
|
|
||||||
<td
|
|
||||||
class="MuiTableCell-root-id MuiTableCell-body-id AppList-colName-id"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
data-tc="name"
|
|
||||||
>
|
|
||||||
app success
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue