Added demo collections to next.js project

firecmsco · Dec 6, 2024 · 3d3ecce · 3d3ecce
1 parent 217042b
commit 3d3ecce
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 9 deletions.
diff --git a/examples/example_next/package-lock.json b/examples/example_next/package-lock.json
diff --git a/examples/example_next/package.json b/examples/example_next/package.json
@@ -21,7 +21,6 @@
     "@firecms/schema_inference": "^3.0.0-canary.160",
     "@firecms/ui": "^3.0.0-canary.159",
     "@firecms/user_management": "^3.0.0-canary.160",
-    "@fontsource/inter": "^5.1.0",
     "@fontsource/jetbrains-mono": "^5.1.1",
     "@fontsource/playfair-display": "^5.1.0",
     "@fontsource/poppins": "^5.1.0",

diff --git a/examples/example_next/src/app/cms/App.tsx b/examples/example_next/src/app/cms/App.tsx
@@ -3,8 +3,6 @@ import React, { useCallback, useMemo } from "react";
 
 import "@/app/common/index.css"
 import "typeface-rubik";
-import "@fontsource/inter/400.css";
-import "@fontsource/inter/600.css";
 import "@fontsource/jetbrains-mono";
 
 import {
@@ -45,6 +43,10 @@ import { ExampleCMSView } from "@/app/cms/views/ExampleCMSView";
 import { TestEditorView } from "./views/TestEditorView";
 import ClientUIComponentsShowcase from "./views/ClientUIComponentsShowcase";
 import { usersCollection } from "@/app/cms/collections/users_collection";
+import { booksCollection } from "@/app/cms/collections/books_collection";
+import { showcaseCollection } from "@/app/cms/collections/showcase_collection";
+import { Button, OpenInNewIcon } from "@firecms/ui";
+import Link from "next/link";
 
 export function App() {
 
@@ -67,7 +69,9 @@ export function App() {
         return [
             productsCollection,
             blogCollection,
-            usersCollection
+            usersCollection,
+            booksCollection,
+            showcaseCollection
         ];
     }, []);
 
@@ -243,7 +247,14 @@ export function App() {
                                     <Scaffold
                                         logo={logo.src}
                                         autoOpenDrawer={false}>
-                                        <AppBar title={title}/>
+                                        <AppBar title={title}
+                                                endAdornment={<Link href={"../"} target={"_blank"}>
+                                                    <Button variant={"text"}>
+                                                        <OpenInNewIcon/>
+                                                        Go to website
+                                                    </Button>
+                                                </Link>}
+                                        />
                                         <Drawer/>
                                         <NavigationRoutes/>
                                         <SideDialogs/>

diff --git a/examples/example_next/src/app/cms/views/ExampleCMSView.tsx b/examples/example_next/src/app/cms/views/ExampleCMSView.tsx
@@ -27,8 +27,8 @@ import {
     Tooltip,
     Typography
 } from "@firecms/ui";
-import { Product } from "../types";
 import { usersCollection } from "../collections/users_collection";
+import { Product } from "@/app/common/types";
 
 /**
  * Sample CMS view not bound to a collection, customizable by the developer.

diff --git a/examples/example_next/tailwind.config.js b/examples/example_next/tailwind.config.js
@@ -21,7 +21,7 @@ export default {
             },
             fontFamily: {
                 sans: [
-                    "Inter",
+                    "Rubik",
                     "Roboto",
                     "Helvetica",
                     "Arial",