Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | 12x 22x 22x 22x 22x | import { format, parseISO } from "date-fns";
import type { Snap } from "../../types/shared";
import { MainTable } from "@canonical/react-components";
type Props = {
snapsInStore: Array<Snap>;
};
function PublishedSnapsTable({ snapsInStore }: Props): React.JSX.Element {
return (
<>
{snapsInStore.length > 0 ? (
<MainTable
sortable
headers={[
{ content: "Name", sortKey: "name" },
{ content: "Latest release", sortKey: "latestRelease" },
{ content: "Release date", sortKey: "releaseDate" },
{ content: "Publisher", sortKey: "publisher" },
]}
rows={snapsInStore.map((snap: Snap) => {
let releaseDate = null;
Eif (snap["latest-release"] && snap["latest-release"].timestamp) {
releaseDate = parseISO(snap["latest-release"].timestamp);
}
return {
columns: [
{ content: snap.name },
{
content:
snap["latest-release"] && snap["latest-release"].version
? snap["latest-release"].version
: "-",
},
{
content: releaseDate
? format(releaseDate, "dd/MM/yyyy")
: "-",
},
{ content: snap.users[0].displayname },
],
sortData: {
name: snap.name,
latestRelease: snap["latest-release"].version,
releaseDate: releaseDate || "-",
publisher: snap.users[0].displayname,
},
};
})}
/>
) : (
<p>There are currently no snaps in this store</p>
)}
</>
);
}
export default PublishedSnapsTable;
|