feat: Add RecentTransmissions component to display recent transmissio…

…ns on the dashboard

app/[locale]/(loggedIn)/RecentTransmissions.tsx

@@ -0,0 +1,20 @@
+import { useTranslations } from "next-intl";
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+
+const RecentTransmissions = () => {
+  const t = useTranslations("dashboard.recentTransmissions");
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t("header")}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <p>{t("tempPlaceholder")}</p>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default RecentTransmissions;

app/[locale]/(loggedIn)/page.tsx

@@ -1,6 +1,7 @@
 import { useTranslations } from "next-intl";
 
 import SummaryList from "./SummaryList";
+import RecentTransmissions from "./RecentTransmissions";
 
 import H1 from "@/components/typography/H1";
 
@@ -17,6 +18,7 @@ export default function DashboardPage() {
     <div className="flex flex-col gap-y-5">
       <H1>{t("summary.header")}</H1>
       <SummaryList />
+      <RecentTransmissions />
     </div>
   );
 }

messages/en.json

@@ -37,6 +37,11 @@
       "totalScannersScanLists": "Total Scanners / Scan Lists",
       "totalDepartments": "Total Departments",
       "totalTransmissions": "Total Transmissions"
+    },
+    "recentTransmissions": {
+      "header": "Recent Transmissions",
+      "noTransmissions": "No recent transmissions found!",
+      "tempPlaceholder": "Recent transmissions goes here..."
     }
   }
 }