Merge pull request #53 from rhinobase/merge

Merged corp and shared packages into @rafty/ui

.czrc

@@ -1,38 +1,38 @@
 {
   "scopes": [
     {
-      "value": "web",
-      "name": "web:                 anything Website specific"
+      "value": "ui",
+      "name": "ui:                  anything ui specific"
     },
     {
-      "value": "ui",
-      "name": "ui:                  anything UI specific"
+      "value": "corp",
+      "name": "corp:                anything corp specific"
     },
     {
-      "value": "plugin",
-      "name": "plugin:              anything Plugin specific"
+      "value": "blocks",
+      "name": "blocks:              anything blocks specific"
     },
     {
-      "value": "corp",
-      "name": "corp:                anything Corp specific"
+      "value": "plugin",
+      "name": "plugin:              anything plugin specific"
     },
     {
       "value": "storybook",
-      "name": "storybook:           anything Storybook specific"
+      "name": "storybook:           anything storybook specific"
     },
     {
       "value": "examples",
-      "name": "examples:            anything Examples specific"
+      "name": "examples:            anything examples specific"
     },
     {
-      "value": "shared",
-      "name": "shared:              anything Shared package specific"
+      "value": "icons",
+      "name": "icons:               anything icons specific"
     },
     {
-      "value": "icons",
-      "name": "icons:               anything Icons package specific"
+      "value": "docs",
+      "name": "docs:               anything docs specific"
     }
   ],
   "scopesSearchValue": true,
   "allowCustomScopes": false
-}
+}

.vscode/extensions.json

@@ -1,7 +1,7 @@
-{
-  "recommendations": [
-    "nrwl.angular-console",
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint"
-  ]
-}
+{
+  "recommendations": [
+    "nrwl.angular-console",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint"
+  ]
+}

apps/docs/.eslintrc.json

@@ -1,18 +1,25 @@
 {
-  "extends": ["next", "next/core-web-vitals", "../../.eslintrc.json"],
+  "extends": [
+    "plugin:@nx/react-typescript",
+    "next",
+    "next/core-web-vitals",
+    "../../.eslintrc.json"
+  ],
   "ignorePatterns": ["!**/*", ".next/**/*"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
         "@next/next/no-html-link-for-pages": ["error", "apps/docs/pages"]
       }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
     }
-  ],
-  "rules": {
-    "@next/next/no-html-link-for-pages": "off"
-  },
-  "env": {
-    "jest": true
-  }
+  ]
 }

apps/docs/app/Wrapper.tsx

@@ -1,16 +1,26 @@
 "use client";
 import { usePathname, useSearchParams } from "next/navigation";
-import { type PropsWithChildren, useEffect, useState } from "react";
+import { type PropsWithChildren, Suspense, useEffect, useState } from "react";
 import { Hero } from "../components/Hero";
 import { Layout } from "../components/Layout";
 import { MobileNavigation } from "../components/MobileNavigation";
 import { SearchDialog } from "../components/Search";
 import { Header } from "./Header";
 
-export function Wrapper({ children }: PropsWithChildren) {
+export function Wrapper(props: PropsWithChildren) {
+  return (
+    <Suspense>
+      <LayoutRender>{props.children}</LayoutRender>
+    </Suspense>
+  );
+}
+
+function LayoutRender({ children }: PropsWithChildren) {
   const pathname = usePathname();
   const searchParams = useSearchParams();
+
   const isHomePage = pathname === "/";
+
   const [isDrawerOpen, setDrawerOpen] = useState(false);
   const [isSearchOpen, setSearchOpen] = useState(false);