diff --git a/pages/incidents.tsx b/pages/incidents.tsx index 6ec4edf..f25451a 100644 --- a/pages/incidents.tsx +++ b/pages/incidents.tsx @@ -1,14 +1,10 @@ import Head from 'next/head' import { Inter } from 'next/font/google' -import { MaintenanceConfig, MonitorState, MonitorTarget } from '@/types/config' -import { KVNamespace } from '@cloudflare/workers-types' +import { MaintenanceConfig, MonitorTarget } from '@/types/config' import { maintenances, pageConfig, workerConfig } from '@/uptime.config' -import OverallStatus from '@/components/OverallStatus' import Header from '@/components/Header' -import MonitorList from '@/components/MonitorList' -import { Box, Button, Center, Container, Divider, Group, Select, Text } from '@mantine/core' -import MonitorDetail from '@/components/MonitorDetail' +import { Box, Button, Center, Container, Group, Select } from '@mantine/core' import Footer from '@/components/Footer' import { useEffect, useState } from 'react' import MaintenanceAlert from '@/components/MaintenanceAlert' @@ -26,16 +22,6 @@ function getSelectedMonth() { return hash.split('-').splice(0, 2).join('-') } -function getIncidentHash() { - const hash = window.location.hash.replace('#', '') - const splitted = hash?.split('-') - if (hash && splitted.length >= 3) { - return splitted[2] - } - - return null -} - function filterIncidentsByMonth( incidents: MaintenanceConfig[], monthStr: string diff --git a/styles/Header.module.css b/styles/Header.module.css index 4167484..45257cd 100644 --- a/styles/Header.module.css +++ b/styles/Header.module.css @@ -1,6 +1,6 @@ .header { height: rem(56px); - margin-bottom: rem(40px); + margin-bottom: rem(100px); background-color: var(--mantine-color-body); border-bottom: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4)); }