edge-city

edge-city is a next level meta-framework for react that runs only on edge runtimes

0f7bd4aa — pyrossh

rename Page

Files changed (6) hide show

example/src/pages/_404/page.jsx CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { Helmet } from 'react-helmet-async';
 import "./page.css";
-const Page = () => {
+export default function Page() {
   return (
     <div className="notfound-page">
       <Helmet>
@@ -14,6 +14,4 @@ const Page = () => {
       </div>
     </div>
   )
-}
+}
-export default Page;

example/src/pages/_500/page.jsx CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { Helmet } from 'react-helmet-async';
 import "./page.css";
-const Page = () => {
+export default function Page() {
   return (
     <div className="err-page">
       <Helmet>
@@ -14,6 +14,4 @@ const Page = () => {
       </div>
     </div>
   )
-}
+}
-export default Page;

example/src/pages/about/page.jsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { Link, useRouter } from "edge-city";
 import { Helmet } from 'react-helmet-async';
 import "./page.css";
-export const Page = () => {
+export default function Page() {
   const router = useRouter();
   return (
     <div className="about-page">
@@ -24,5 +24,3 @@ export const Page = () => {
     </div>
   )
 }
-export default Page;

example/src/pages/app.jsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { SSRProvider } from 'react-aria';
 import Layout from '@/components/Layout/Layout';
 import "./app.css";
-const App = ({ children }) => {
+export default function App({ children }) {
   return (
     <SSRProvider>
       <Layout>
@@ -10,6 +10,4 @@ const App = ({ children }) => {
       </Layout>
     </SSRProvider>
   )
-}
+}
-export default App;

example/src/pages/page.jsx CHANGED Viewed

@@ -4,7 +4,7 @@ import Counter from "@/components/Counter/Counter";
 import { Helmet } from 'react-helmet-async';
 import "./page.css";
-const Page = () => {
+export default function Page() {
   const router = useRouter();
   return (
     <div>
@@ -20,6 +20,4 @@ const Page = () => {
       </div>
     </div>
   )
-}
+};
-export default Page;

example/src/pages/todos/page.jsx CHANGED Viewed

@@ -7,7 +7,7 @@ import Todo from "@/components/Todo/Todo";
 import { getTodos, createTodo, updateTodo, deleteTodo } from "@/services/todos.service";
 import "./page.css";
-const Page = () => {
+export default function Page() {
   const { data, refetch } = useQuery("todos", () => getTodos());
   const { mutate, isMutating, err } = useMutation(async ({ text }) => {
     await createTodo({
@@ -53,6 +53,4 @@ const Page = () => {
       </div>
     </div>
   )
-}
+}
-export default Page;