chore(dev): Add greeting component to admin dashboard

Author: CrawlerCode

packages/dev/src/app/(payload)/admin/importMap.js

@@ -1,5 +1,7 @@
 import { SignInWithAuthjsButton as SignInWithAuthjsButton_06d0cb594d8f6ba2ac35015f930c882e } from 'payload-authjs/components'
+import { default as default_2c1e1c35da30a80d88551f9fcc61be66 } from 'src/payload/components/Greeting'
 
 export const importMap = {
-  "payload-authjs/components#SignInWithAuthjsButton": SignInWithAuthjsButton_06d0cb594d8f6ba2ac35015f930c882e
+  "payload-authjs/components#SignInWithAuthjsButton": SignInWithAuthjsButton_06d0cb594d8f6ba2ac35015f930c882e,
+  "/Greeting#default": default_2c1e1c35da30a80d88551f9fcc61be66
 }

packages/dev/src/payload.config.ts

@@ -26,7 +26,10 @@ export default buildConfig({
   admin: {
     user: Users.slug,
     importMap: {
-      baseDir: path.resolve(dirname),
+      baseDir: path.resolve(dirname, "payload", "components"),
+    },
+    components: {
+      beforeDashboard: ["/Greeting"],
     },
   },
   collections: [Users, Examples],

packages/dev/src/payload/components/Greeting.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { Banner, useAuth } from "@payloadcms/ui";
+import { User } from "payload/generated-types";
+
+/**
+ * Greeting banner that displays the current user
+ */
+const Greeting = () => {
+  const { user } = useAuth<User>();
+
+  if (!user) return null;
+
+  return (
+    <Banner type="success">
+      Hi, {user.name} ({user.email})
+    </Banner>
+  );
+};
+
+export default Greeting;