mirror of
https://github.com/supabase/supabase.git
synced 2026-10-15 06:09:08 +03:00
Jordi Enric
2865138adb
* default to 69mins add 3 hours opt * Enhance Reports Datepicker Helpers with Plan Availability - Introduced `ReportsDatetimeHelper` interface to include `availableIn` property for plan-specific availability. - Updated existing datepicker helpers to specify availability for different plans. - Renamed 'Last 30 days' to 'Last 28 days' for consistency. - Added `createFilteredDatePickerHelpers` function to filter helpers based on the user's plan. * Refactor Datepicker Helpers in API Overview Report - Replaced the usage of `REPORTS_DATEPICKER_HELPERS` with the new `createFilteredDatePickerHelpers` function to enhance plan-specific filtering. - This change streamlines the datepicker helper logic based on user plan availability. * Refactor Storage Report Datepicker Helpers - Updated the Storage Report component to use `createFilteredDatePickerHelpers` for plan-specific datepicker logic. - This change simplifies the datepicker helper implementation and enhances maintainability. * fix test
Writing pages
Rough guidelines
- Try to break down your pages into smaller building blocks - components which are tightly coupled to a page can be placed within the folder
components/interfaces/xxx/...(Refer to the README.md under the components folder) - Keep to using
useStatehooks for any UI related logic, do not create MobX local stores to handle UI logic.
Template for building pages
import { NextPage } from 'next'
import { withAuth } from 'hooks/misc/withAuth'
// Import the corresponding layout based on the page
import { Layout } from 'components/layouts'
// Import the main building blocks of the page
import { ... } from 'components/interfaces/xxx'
// Import reusable UI components if needed
import { ... } from 'components/ui/xxx'
// Name your page accordingly
const Page: NextPage = () => {
return (
<Layout>
<div>Page content</div>
</Layout>
)
}
export default withAuth(Page)