Inbox

midday-ai · Dec 19, 2023 · 9670cc3 · 9670cc3
1 parent fe78f96
commit 9670cc3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 14 deletions.
diff --git a/...[locale]/@dashboard/(root)/inbox/page.tsx → ...[locale]/@dashboard/(root)/bills/page.tsx b/...[locale]/@dashboard/(root)/inbox/page.tsx → ...[locale]/@dashboard/(root)/bills/page.tsx
@@ -1,6 +1,6 @@
 import { Icons } from "@midday/ui/icons";
 
-export default function Inbox() {
+export default function Bills() {
   return (
     <div className="h-[calc(100vh-300px)] flex items-center justify-center">
       <div className="flex flex-col items-center">

diff --git a/apps/dashboard/src/components/charts/bar-chart.tsx b/apps/dashboard/src/components/charts/bar-chart.tsx
@@ -43,7 +43,7 @@ const ToolTipContent = ({ payload = {} }) => {
               {formatAmount({
                 maximumFractionDigits: 0,
                 minimumFractionDigits: 0,
-                currency: current?.payload?.current.currency,
+                currency: current?.payload?.current.currency || "USD",
                 amount: current?.payload?.current.value || 0,
               })}
             </p>
@@ -67,7 +67,7 @@ const ToolTipContent = ({ payload = {} }) => {
             <p className="font-medium text-[13px]">
               {formatAmount({
                 amount: previous?.payload?.previous.value || 0,
-                currency: previous?.payload?.current.currency,
+                currency: previous?.payload?.current.currency || "USD",
                 maximumFractionDigits: 0,
                 minimumFractionDigits: 0,
               })}

diff --git a/apps/dashboard/src/components/main-menu.tsx b/apps/dashboard/src/components/main-menu.tsx
@@ -16,8 +16,8 @@ export function MainMenu() {
       icon: () => <Icons.Overview size={22} />,
     },
     {
-      path: "/inbox",
-      name: "Inbox",
+      path: "/bills",
+      name: "Bills",
       icon: () => <Icons.Inbox2 size={22} />,
     },
     {
@@ -53,8 +53,8 @@ export function MainMenu() {
   ];
 
   return (
-    <nav className="mt-6 xl:w-full">
-      <ul className="flex flex-col gap-0.5 xl:w-full">
+    <nav className="mt-6 ml-1">
+      <ul className="flex flex-col gap-0.5">
         {items.map((item) => {
           const { path, icon: Icon, name } = item;
           const isActive =
@@ -66,17 +66,13 @@ export function MainMenu() {
             <li
               key={path}
               className={cn(
-                "rounded-lg border border-transparent w-[55px] h-[45px] flex items-center justify-center xl:w-full xl:justify-start",
+                "rounded-lg border border-transparent w-[55px] h-[45px] flex items-center justify-center",
                 isActive &&
                   "bg-secondary border-[#DCDAD2] dark:border-[#2C2C2C]"
               )}
             >
-              <Link
-                href={path}
-                className="flex space-x-3 p-0 items-center xl:py-2 xl:px-4"
-              >
+              <Link href={path} className="flex space-x-3 p-0 items-center">
                 <Icon />
-                <span className="hidden xl:inline text-sm">{name}</span>
               </Link>
             </li>
           );

diff --git a/apps/dashboard/src/components/sidebar.tsx b/apps/dashboard/src/components/sidebar.tsx
@@ -4,7 +4,7 @@ import { MainMenu } from "./main-menu";
 
 export function Sidebar() {
   return (
-    <aside className="w-[55px] xl:w-[230px] h-screen flex-shrink-0 flex-col justify-between flex sticky top-0 ml-4">
+    <aside className="w-[70px] h-screen flex-shrink-0 flex-col justify-between flex sticky top-0 ml-4">
       <div className="flex flex-col items-center justify-center xl:items-start xl:justify-start">
         <div className="mt-6 xl:ml-4">
           <Link href="/">