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.
29 lines
923 B
29 lines
923 B
import { Box, SimpleGrid } from '@chakra-ui/react'
|
|
|
|
import React from 'react'
|
|
import ErrorBoundary from '../ErrorBoundary'
|
|
import ApiKeyList from './ApiKeyList'
|
|
import DeviceList from './DeviceList'
|
|
import GenerateApiKey from './GenerateApiKey'
|
|
|
|
export default function APIKeyAndDevices() {
|
|
return (
|
|
<Box backdropBlur='2xl' borderWidth='0px' borderRadius='lg'>
|
|
<Box maxW='xl' mx={'auto'} pt={5} px={{ base: 2, sm: 12, md: 17 }}>
|
|
<GenerateApiKey />
|
|
</Box>
|
|
<SimpleGrid columns={{ base: 1, md: 2 }} spacing={{ base: 5, lg: 8 }}>
|
|
<Box backdropBlur='2xl' borderWidth='0px' borderRadius='lg'>
|
|
<ErrorBoundary>
|
|
<ApiKeyList />
|
|
</ErrorBoundary>
|
|
</Box>
|
|
<Box backdropBlur='2xl' borderWidth='0px' borderRadius='lg'>
|
|
<ErrorBoundary>
|
|
<DeviceList />
|
|
</ErrorBoundary>
|
|
</Box>
|
|
</SimpleGrid>
|
|
</Box>
|
|
)
|
|
}
|