mirror of
https://github.com/supabase/supabase.git
synced 2026-10-19 08:09:11 +03:00
Joshen Lim
39e13d3181
## Context For staging and local only, if you opened the a table in the table editor, then navigate out, and back into the table editor - the browser freezes - The TableEditor itself has a `useEffect` that reads that and redirects to the last visited table when landing on `/editor` - `router` is in the dependency array which for the TanStack build is not a stable singleton, resulting in a redirect loop - so the main fix was to remove `router` from the dependency array - (Unrelated) Also cleaned up some logic in the redirect regarding reading the tab ID <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Bug Fixes** * Improved table editor redirects so they select the matching open table tab from history or fall back to the first open table tab when available. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
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)