From 2c4bf793a2e1857b8c6e478caad0f54f627beada Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Mon, 20 Dec 2021 18:49:54 +1100
Subject: [PATCH] add load more button to CloudLogsModal

---
 .../TableHeader/CloudLogs/CloudLogsModal.tsx  | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx b/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx
index b4e02833..6d67dbf8 100644
--- a/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx
+++ b/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx
@@ -10,6 +10,7 @@ import {
   Typography,
   TextField,
   InputAdornment,
+  Button,
 } from "@mui/material";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import LogsIcon from "@src/assets/icons/CloudLogs";
@@ -277,7 +278,30 @@ export default function CloudLogsModal(props: IModalProps) {
       {cloudLogFilters.type === "build" ? (
         <BuildLogs />
       ) : Array.isArray(data) && data.length > 0 ? (
-        <CloudLogList items={data} sx={{ mx: -1.5, mt: 1.5 }} />
+        <>
+          <CloudLogList items={data} sx={{ mx: -1.5, mt: 1.5 }} />
+          {cloudLogFilters.timeRange.type !== "range" && (
+            <Button
+              style={{
+                marginLeft: "auto",
+                marginRight: "auto",
+                display: "flex",
+              }}
+              onClick={() =>
+                setCloudLogFilters((c) => ({
+                  ...c,
+                  timeRange: {
+                    ...c.timeRange,
+                    value: (c.timeRange as any).value * 2,
+                  },
+                }))
+              }
+            >
+              Load more (last {cloudLogFilters.timeRange.value * 2}{" "}
+              {cloudLogFilters.timeRange.type})
+            </Button>
+          )}
+        </>
       ) : isValidating ? (
         <EmptyState
           Icon={LogsIcon}