Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactoring to use app router #6

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Refactoring to use app router #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3b2fb52
refactored to app router
spartypkp Sep 18, 2024
0ec0ea3
Merge pull request #1 from spartypkp/refactoring-to-app-router
spartypkp Sep 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4,840 changes: 4,840 additions & 0 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

12 changes: 7 additions & 5 deletions src/pages/drawings/[id].tsx → src/app/drawings/[id]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,20 @@
"use client";
import "tldraw/tldraw.css";
import { useEffect, useState } from "react";
import { useRouter } from "next/router";
import { useRouter } from "next/navigation";
import { Tldraw, useEditor } from "tldraw";

import { updateDrawingName } from "@/mutators";
import { updateDrawingName } from "@/lib/mutators";
import { useInstantStore } from "@/lib/useInstantStore";
import { useInstantPresence } from "@/lib/useInstantPresence";
import { db, colorNames, localSourceId } from "@/config";
import { db, colorNames, localSourceId } from "@/lib/config";

export default function Page({ params }: { params: { id: string } }) {

export default function Page() {
const auth = db.useAuth();

const router = useRouter();
const drawingId = router.query.id as string;
const drawingId = params.id as string;

useEffect(() => {
if (auth.isLoading) return;
Expand Down
0 src/styles/globals.css → src/app/globals.css
View file
Open in desktop
File renamed without changes.
23 changes: 23 additions & 0 deletions src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@

// See https://nextjs.org/docs/pages/building-your-application/upgrading/app-router-migration
import type { Metadata } from 'next'
import "./globals.css"

export const metadata: Metadata = {
title: 'instlDraw',
description: 'Team oriented tldraw built with InstantDB',
}

export default function RootLayout({
// Layouts must accept a children prop.
// This will be populated with nested layouts or pages
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en">
<body>{children}</body>
</html>
)
}
Loading