You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.7 KiB
55 lines
1.7 KiB
import { Box, SimpleGrid, useToast } from '@chakra-ui/react'
|
|
import ApiKeyList from '../components/dashboard/ApiKeyList'
|
|
import UserStats from '../components/dashboard/UserStats'
|
|
import GenerateApiKey from '../components/dashboard/GenerateApiKey'
|
|
import DeviceList from '../components/dashboard/DeviceList'
|
|
import { useSelector } from 'react-redux'
|
|
import { selectAuthUser } from '../store/authSlice'
|
|
import Router from 'next/router'
|
|
import { useEffect } from 'react'
|
|
import SendSMS from '../components/dashboard/SendSMS'
|
|
import ErrorBoundary from '../components/ErrorBoundary'
|
|
import dynamic from 'next/dynamic'
|
|
|
|
export default function Dashboard() {
|
|
const NoSSRAnimatedWrapper = dynamic(
|
|
() => import('../components/AnimatedScrollWrapper'),
|
|
{
|
|
ssr: false,
|
|
}
|
|
)
|
|
|
|
const authUser = useSelector(selectAuthUser)
|
|
const toast = useToast()
|
|
useEffect(() => {
|
|
if (!authUser) {
|
|
toast({
|
|
title: 'You are not logged in',
|
|
description: 'Please login to access this page',
|
|
status: 'warning',
|
|
})
|
|
Router.push('/login')
|
|
}
|
|
}, [authUser, toast])
|
|
return (
|
|
<NoSSRAnimatedWrapper>
|
|
<UserStats />
|
|
<Box maxW='7xl' mx={'auto'} pt={5} px={{ base: 2, sm: 12, md: 17 }}>
|
|
<SimpleGrid columns={{ base: 1, md: 2 }} spacing={{ base: 5, lg: 8 }}>
|
|
<Box backdropBlur='2xl' borderWidth='0px' borderRadius='lg'>
|
|
<GenerateApiKey />
|
|
<ErrorBoundary>
|
|
<ApiKeyList />
|
|
</ErrorBoundary>
|
|
</Box>
|
|
<Box backdropBlur='2xl' borderWidth='0px' borderRadius='lg'>
|
|
<SendSMS />
|
|
<ErrorBoundary>
|
|
<DeviceList />
|
|
</ErrorBoundary>
|
|
</Box>
|
|
</SimpleGrid>
|
|
</Box>
|
|
</NoSSRAnimatedWrapper>
|
|
)
|
|
}
|