Fix: import from lowercase component folder (#92)

* Rename usage components folder to fix Vercel build

app/dashboard/(base)/usage/[[...metric]]/layout.tsx

@@ -1,9 +1,6 @@
 import {notFound} from 'next/navigation'
 import z from 'zod'
-import {
-	ChartsLinks,
-	UsageCharts
-} from '../../../../../lib/components/dashboard/Usage'
+import {ChartsLinks, UsageCharts} from '~/components/dashboard/Metrics'
 
 const paramsSchema = z.enum(['runs', 'tokens'])
 

app/dashboard/(base)/usage/[[...metric]]/page.tsx

@@ -1,4 +1,4 @@
-import {UsageTable} from '~/components/dashboard/Usage'
+import {UsageTable} from '~/components/dashboard/Metrics'
 
 export default async function Usage({
 	searchParams,

lib/components/dashboard/usage/chart.tsx → lib/components/dashboard/Metrics/Chart.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import {LineChart} from '@tremor/react'
 
 export function Chart({
@@ -13,6 +12,7 @@ export function Chart({
 }) {
 	const customTooltip = ({payload, active}: {payload: any; active: any}) => {
 		if (!active || !payload) return null
+
 		return (
 			<div className='w-56 rounded-tremor-default border border-tremor-border bg-tremor-background p-2 text-tremor-default shadow-tremor-dropdown'>
 				{payload.map((category: any, idx: number) => (

lib/components/dashboard/usage/charts.tsx → lib/components/dashboard/Metrics/Charts.tsx

@@ -1,7 +1,7 @@
 import {getServerSession} from 'next-auth'
 import {authOptions} from '~/authOptions'
-import {Chart} from '~/components/dashboard/Usage/Chart'
 import prisma from '~/prisma'
+import {Chart} from '.'
 
 type UsageDay = {
 	usageDay: Date

lib/components/dashboard/usage/CustomTable.tsx → lib/components/dashboard/Metrics/CustomTable.tsx

@@ -14,7 +14,7 @@ import {
 	TableRow
 } from '~/components/ui/table'
 import {cn} from '~/utils'
-import {UsageRow} from './TableWrapper'
+import {type UsageRow} from './TableWrapper'
 
 const TableColNames = [
 	{

lib/components/dashboard/usage/TableWrapper.tsx → lib/components/dashboard/Metrics/TableWrapper.tsx

@@ -3,11 +3,10 @@ import Link from 'next/link'
 import {redirect} from 'next/navigation'
 import z from 'zod'
 import {authOptions} from '~/authOptions'
-import {CustomTable} from '~/components/dashboard/Usage/CustomTable'
-import {TableSearch} from '~/components/dashboard/Usage/Search'
 import {Button} from '~/components/ui/button'
 import prisma from '~/prisma'
 import {cn} from '~/utils'
+import {CustomTable, TableSearch} from '.'
 
 type UsageProject = {
 	name: string

tsconfig.json

@@ -3,8 +3,7 @@
 		"baseUrl": ".",
 		"lib": ["DOM", "DOM.Iterable", "ESNext"],
 		"paths": {
-			"~/*": ["./lib/*"],
-			"~/components/*": ["./lib/components/*"]
+			"~/*": ["./lib/*"]
 		},
 		"plugins": [{"name": "next"}],
 		"types": ["bun-types", "web"]