From cbb0f7c024f842a401f5c6beaa1bf4a32375bd3f Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Mon, 26 Sep 2022 14:06:30 +0300
Subject: [PATCH] build fix

---
 .../src/pages/schedules/Schedules.tsx         | 77 ++++++++++---------
 1 file changed, 40 insertions(+), 37 deletions(-)

diff --git a/grafana-plugin/src/pages/schedules/Schedules.tsx b/grafana-plugin/src/pages/schedules/Schedules.tsx
index 8c5ee23e..5da63196 100644
--- a/grafana-plugin/src/pages/schedules/Schedules.tsx
+++ b/grafana-plugin/src/pages/schedules/Schedules.tsx
@@ -180,6 +180,7 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
                   </Text>
                 </HorizontalGroup>
               </div>
+
               {!schedules || schedules.length ? (
                 <GTable
                   emptyText={schedules ? 'No schedules found' : 'Loading...'}
@@ -230,43 +231,45 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
                   }
                 />
               )}
-              rowKey="id"
-              columns={columns}
-              data={schedules}
-              expandable={{
-                expandedRowRender: this.renderEvents,
-                expandRowByClick: true,
-                onExpand: this.onRowExpand,
-                expandedRowKeys: expandedSchedulesKeys,
-                onExpandedRowsChange: this.handleExpandedRowsChange,
-              }}
-            />
-          ) : (
-            <Tutorial
-              step={TutorialStep.Schedules}
-              title={
-                <VerticalGroup align="center" spacing="lg">
-                  <Text type="secondary">You haven’t added a schedule yet.</Text>
-                  <PluginLink partial query={{ id: 'new' }}>
-                    <Button icon="plus" variant="primary" size="lg">
-                      Add team schedule for on-call rotation
-                    </Button>
-                  </PluginLink>
-                </VerticalGroup>
-              }
-            />
-          )}
-        </div>
-        {scheduleIdToEdit && (
-          <ScheduleForm
-            id={scheduleIdToEdit}
-            type={ScheduleType.Ical}
-            onUpdate={this.update}
-            onHide={() => {
-              this.setState({ scheduleIdToEdit: undefined });
-              getLocationSrv().update({ partial: true, query: { id: undefined } });
-            }}
-          />
+            </div>
+
+            {scheduleIdToEdit && (
+              <ScheduleForm
+                id={scheduleIdToEdit}
+                type={ScheduleType.Ical}
+                onUpdate={this.update}
+                onHide={() => {
+                  this.setState({ scheduleIdToEdit: undefined });
+                  getLocationSrv().update({ partial: true, query: { id: undefined } });
+                }}
+              />
+            )}
+
+            {scheduleIdToDelete && (
+              <ConfirmModal
+                isOpen
+                title="Are you sure to delete?"
+                confirmText="Delete"
+                dismissText="Cancel"
+                onConfirm={this.handleDelete}
+                body={null}
+                onDismiss={() => {
+                  this.setState({ scheduleIdToDelete: undefined });
+                }}
+              />
+            )}
+
+            {scheduleIdToExport && (
+              <Modal
+                isOpen
+                title="Schedule export"
+                closeOnEscape
+                onDismiss={() => this.setState({ scheduleIdToExport: undefined })}
+              >
+                <ScheduleICalSettings id={scheduleIdToExport} />
+              </Modal>
+            )}
+          </>
         )}
       </PageErrorHandlingWrapper>
     );