Merge pull request #207 from duyet/chore/new-features

chore(component): update table

Author: duyet

components/data-table/cell.tsx

@@ -86,6 +86,6 @@ export const formatCell = <TData extends RowData, TValue>(
       )
 
     default:
-      return value
+      return <span className='text-nowrap'>{value as string}</span>
   }
 }

components/data-table/cells/code-toggle-format.tsx

@@ -10,7 +10,7 @@ interface CodeToggleFormatProps {
   value: any
 }
 
-const CODE_TRUNCATE_LENGTH = 50
+const CODE_TRUNCATE_LENGTH = 75
 
 export function CodeToggleFormat({ row, value }: CodeToggleFormatProps) {
   if (value.length < CODE_TRUNCATE_LENGTH) {
@@ -27,7 +27,7 @@ export function CodeToggleFormat({ row, value }: CodeToggleFormatProps) {
       <AccordionItem value="code" className="border-0">
         <AccordionTrigger className="py-0 hover:no-underline">
           <code className="truncate break-words font-normal">
-            {value.substring(0, 50)}...
+            {value.substring(0, CODE_TRUNCATE_LENGTH)}...
           </code>
         </AccordionTrigger>
         <AccordionContent>

components/tremor/area.tsx

@@ -98,7 +98,7 @@ export function AreaChart({
         <div className="flex flex-row gap-2">
           <div className="flex flex-row items-center bg-slate-50 p-3 align-middle">
             <DonutChart
-              className="size-28"
+              className="h-28 w-28"
               data={data}
               category="value"
               index="name"