Update dependencies.

leerob · leerob · commit 58e6d5169bdc · 2023-06-11T18:25:55.000-05:00
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
-  "typescript.tsdk": "node_modules/.pnpm/typescript@4.9.3/node_modules/typescript/lib",
+  "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
-}
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -19,8 +19,7 @@ export default async function RootLayout({
   return (
     <html lang="en" className="h-full bg-gray-50">
       <body className="h-full">
-        <Suspense fallback="...">
-          {/* @ts-expect-error Server Component */}
+        <Suspense>
           <Nav />
         </Suspense>
         {children}
diff --git a/app/page.tsx b/app/page.tsx
@@ -25,7 +25,6 @@ export default async function IndexPage({
       </Text>
       <Search />
       <Card className="mt-6">
-        {/* @ts-expect-error Server Component */}
         <UsersTable users={users} />
       </Card>
     </main>
diff --git a/app/playground/chart.tsx b/app/playground/chart.tsx
@@ -20,10 +20,7 @@ const data = [
   }
 ];
 
-const valueFormatter = (number: number) =>
-  `$ ${Intl.NumberFormat('us').format(number).toString()}`;
-
-export default function Chart() {
+export default function Example() {
   return (
     <Card className="mt-8">
       <Title>Performance</Title>
@@ -34,7 +31,9 @@ export default function Chart() {
         categories={['Sales', 'Profit']}
         index="Month"
         colors={['indigo', 'fuchsia']}
-        valueFormatter={valueFormatter}
+        valueFormatter={(number: number) =>
+          `$ ${Intl.NumberFormat('us').format(number).toString()}`
+        }
       />
     </Card>
   );
diff --git a/app/playground/page.tsx b/app/playground/page.tsx
@@ -1,4 +1,6 @@
-import { Card, Metric, Text, Flex, Grid, Title, BarList } from '@tremor/react';
+'use client';
+
+import { Card, Metric, Text, Title, BarList, Flex, Grid } from '@tremor/react';
 import Chart from './chart';
 
 const website = [
@@ -42,59 +44,17 @@ const data = [
   }
 ];
 
-const dataFormatter = (number: number) =>
-  Intl.NumberFormat('us').format(number).toString();
-
-const categories: {
-  title: string;
-  metric: string;
-  metricPrev: string;
-}[] = [
-  {
-    title: 'Sales',
-    metric: '$ 12,699',
-    metricPrev: '$ 9,456'
-  },
-  {
-    title: 'Profit',
-    metric: '$ 40,598',
-    metricPrev: '$ 45,564'
-  },
-  {
-    title: 'Customers',
-    metric: '1,072',
-    metricPrev: '856'
-  }
-];
-
 export default function PlaygroundPage() {
   return (
     <main className="p-4 md:p-10 mx-auto max-w-7xl">
-      <Grid className="gap-6" numColsSm={2} numColsLg={3}>
-        {categories.map((item) => (
-          <Card key={item.title}>
-            <Flex alignItems="start">
-              <Text>{item.title}</Text>
-            </Flex>
-            <Flex
-              className="space-x-3 truncate"
-              justifyContent="start"
-              alignItems="baseline"
-            >
-              <Metric>{item.metric}</Metric>
-              <Text className="truncate">from {item.metricPrev}</Text>
-            </Flex>
-          </Card>
-        ))}
-      </Grid>
-      <Grid className="mt-8 gap-6" numColsSm={2} numColsLg={3}>
+      <Grid numItemsSm={2} numItemsLg={3} className="gap-6">
         {data.map((item) => (
           <Card key={item.category}>
             <Title>{item.category}</Title>
             <Flex
-              className="space-x-2"
               justifyContent="start"
               alignItems="baseline"
+              className="space-x-2"
             >
               <Metric>{item.stat}</Metric>
               <Text>Total views</Text>
@@ -104,9 +64,11 @@ export default function PlaygroundPage() {
               <Text className="text-right">Views</Text>
             </Flex>
             <BarList
-              className="mt-2"
               data={item.data}
-              valueFormatter={dataFormatter}
+              valueFormatter={(number: number) =>
+                Intl.NumberFormat('us').format(number).toString()
+              }
+              className="mt-2"
             />
           </Card>
         ))}
diff --git a/package.json b/package.json
@@ -8,31 +8,31 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@headlessui/react": "^1.7.14",
+    "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
     "@planetscale/database": "^1.7.0",
-    "@tremor/react": "^2.5.0",
+    "@tremor/react": "^3.0.1",
     "@types/js-cookie": "^3.0.3",
-    "@types/node": "20.1.4",
-    "@types/react": "18.2.6",
+    "@types/node": "20.3.0",
+    "@types/react": "18.2.11",
     "@types/react-dom": "18.2.4",
     "@vercel/analytics": "^1.0.1",
     "autoprefixer": "^10.4.14",
-    "eslint": "8.40.0",
-    "eslint-config-next": "13.4.2",
+    "eslint": "8.42.0",
+    "eslint-config-next": "13.4.5",
     "js-cookie": "^3.0.5",
-    "kysely": "^0.24.2",
+    "kysely": "^0.25.0",
     "kysely-planetscale": "^1.3.0",
-    "next": "13.4.2",
+    "next": "13.4.5",
     "next-auth": "^4.22.1",
-    "postcss": "^8.4.23",
+    "postcss": "^8.4.24",
     "prettier": "^2.8.8",
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "server-only": "^0.0.1",
     "tailwindcss": "^3.3.2",
-    "typescript": "5.0.4"
+    "typescript": "5.1.3"
   },
   "prettier": {
     "arrowParens": "always",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tailwind.config.ts b/tailwind.config.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`{`
`2`		`- "typescript.tsdk": "node_modules/.pnpm/[email protected]/node_modules/typescript/lib",`
	`2`	`+ "typescript.tsdk": "node_modules/typescript/lib",`
`3`	`3`	`"typescript.enablePromptUseWorkspaceTsdk": true`
`4`		`-}`
	`4`	`+}`