Merge branch 'main' into adjust-icons-usage

dev-KPI · Jan 24, 2024 · f4c98c8 · f4c98c8
2 parents 72cceb6 + 8714f65
commit f4c98c8
Show file tree

Hide file tree

Showing 18 changed files with 727 additions and 14 deletions.
diff --git a/.env b/.env
@@ -0,0 +1 @@
+NEXT_PUBLIC_URL_PRODUCT_API=ws://messenger-backend.fly.dev
diff --git a/.env.local.dist b/.env.local.dist
@@ -0,0 +1,2 @@
+NEXT_PUBLIC_URL_PRODUCT_API=ws://localhost:8000
+# NEXT_PUBLIC_URL_PRODUCT_API=ws://messenger-backend.fly.dev
diff --git a/next.config.js b/next.config.js
@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  reactStrictMode: true,
+}
 
 module.exports = nextConfig
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "prettier:check": "prettier --check .",
     "prettier:write": "prettier --write .",
     "typescript:check": "tsc -p tsconfig.json",
+    "env:local": "cp .env.local.dist .env.local",
     "prepare": "husky install",
     "cspell": "cspell --show-suggestions --show-context --gitignore ."
   },
@@ -20,9 +21,11 @@
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "lucide-react": "^0.312.0",
+    "metacom": "^3.1.2",
     "next": "14.0.3",
     "next-themes": "^0.2.1",
     "react": "^18",

diff --git a/project-words.txt b/project-words.txt
@@ -1,4 +1,5 @@
 Autobuild
+autofetch
 GOLUB
 tailwindcss
 tsbuildinfo

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,24 +1,24 @@
-import type { Metadata } from 'next'
+'use client'
 
 import { text, title } from '@/app/fonts'
 import '@/app/globals.css'
+import { Toaster } from '@/components/ui/toaster'
 import Providers from '@/store/providers'
+import { FC, ReactNode } from 'react'
 
-export const metadata: Metadata = {
-  description: 'Generated by create next app',
-  title: 'Create Next App',
+interface PageProps {
+  children: ReactNode
 }
 
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
+const Layout: FC<PageProps> = ({ children } = { children: [] }) => {
   return (
     <html lang="en" suppressHydrationWarning>
       <body className={`${title.variable} ${text.variable}`}>
         <Providers>{children}</Providers>
+        <Toaster />
       </body>
     </html>
   )
 }
+
+export default Layout
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,7 +1,34 @@
-export default function Home() {
+'use client'
+
+import { Button } from '@/components/ui/button'
+import { useToast } from '@/components/ui/use-toast'
+import { useApi, useApiContext } from '@/utils'
+
+const Home = () => {
+  const api = useApiContext()
+  const condition = true
+  const { toast } = useToast()
+
+  const { fetch, response: calculated } = useApi(
+    () => condition && api.example.add({ a: 1, b: 2 }),
+    {
+      onSuccess: () =>
+        toast({
+          title: '🚀 Two numbers added',
+        }),
+    }
+  )
+  const { response: data } = useApi(() => condition && api.example.data(), {
+    autofetch: true,
+  })
+
   return (
-    <div className="w-full h-screen flex items-center justify-center text-3xl">
-      GOLUB 🚀
+    <div className="flex items-center justify-center w-screen h-screen gap-20 text-white">
+      <div>{data}</div>
+      <Button onClick={fetch}>Calculate 1 + 2</Button>
+      {calculated}
     </div>
   )
 }
+
+export default Home