Added support to Teams chat Url in users and teams pages (#979)

* Added support to Teams chat to users and teams * Updated size of Teams icon * Create perfect-timers-wash.md * formatted teams, user astro page --------- Co-authored-by: Sebastian Rendon <[email protected]> Co-authored-by: David Boyne <[email protected]>
event-catalog · Dec 2, 2024 · eb2c620 · eb2c620
1 parent 95ed136
commit eb2c620
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 0 deletions.
diff --git a/.changeset/perfect-timers-wash.md b/.changeset/perfect-timers-wash.md
@@ -0,0 +1,5 @@
+---
+"@eventcatalog/core": patch
+---
+
+feat(core): added support to teams chat url in users and teams pages
diff --git a/examples/default/teams/full-stack.md b/examples/default/teams/full-stack.md
@@ -8,6 +8,7 @@ members:
     - msmith
 email: [email protected]
 slackDirectMessageUrl: https://yourteam.slack.com/channels/boyney123
+msTeamsDirectMessageUrl: https://teams.microsoft.com/l/channel/<Your Channel Id>/<Your team chat name>?groupId=<Your group Id>&tenantId=<Your tenant Id>
 ---
 
 ## Overview

diff --git a/examples/default/users/dboyne.md b/examples/default/users/dboyne.md
@@ -5,6 +5,7 @@ avatarUrl: "https://pbs.twimg.com/profile_images/1262283153563140096/DYRDqKg6_40
 role: Lead developer
 email: [email protected]
 slackDirectMessageUrl: https://yourteam.slack.com/channels/boyney123
+msTeamsDirectMessageUrl: https://teams.microsoft.com/l/chat/0/[email protected]
 ---
 
 Hello! I'm David Boyne, the Tech Lead of an amazing team called Full Stackers. With a passion for building robust and scalable systems, I specialize in designing and implementing event-driven architectures that power modern, responsive applications.

diff --git a/public/icons/ms-teams.svg b/public/icons/ms-teams.svg
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -231,6 +231,7 @@ const users = defineCollection({
     hidden: z.boolean().optional(),
     email: z.string().optional(),
     slackDirectMessageUrl: z.string().optional(),
+    msTeamsDirectMessageUrl: z.string().optional(),
     ownedDomains: z.array(reference('domains')).optional(),
     ownedServices: z.array(reference('services')).optional(),
     ownedEvents: z.array(reference('events')).optional(),
@@ -248,6 +249,7 @@ const teams = defineCollection({
     email: z.string().optional(),
     hidden: z.boolean().optional(),
     slackDirectMessageUrl: z.string().optional(),
+    msTeamsDirectMessageUrl: z.string().optional(),
     members: z.array(reference('users')).optional(),
     ownedCommands: z.array(reference('commands')).optional(),
     ownedDomains: z.array(reference('domains')).optional(),

diff --git a/src/pages/docs/teams/[id]/index.astro b/src/pages/docs/teams/[id]/index.astro
@@ -99,6 +99,16 @@ const ownedEventsList = [...events, ...commands].map((p) => ({
                   </div>
                 )
               }
+              {
+                props.data.msTeamsDirectMessageUrl && (
+                  <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-primary">
+                    <img src="/icons/ms-teams.svg" class="w-4 h-4" />
+                    <a href={`${props.data.msTeamsDirectMessageUrl}`} target="_blank" rel="noopener noreferrer">
+                      Send DM on Teams
+                    </a>
+                  </div>
+                )
+              }
             </div>
           </div>
         </div>

diff --git a/src/pages/docs/users/[id]/index.astro b/src/pages/docs/users/[id]/index.astro
@@ -96,6 +96,16 @@ const associatedTeams = teams.map((o) => ({
                     </div>
                   )
                 }
+                {
+                  props.data.msTeamsDirectMessageUrl && (
+                    <div class="flex space-x-1 items-center text-xs text-gray-500 font-bold hover:underline hover:text-primary">
+                      <img src="/icons/ms-teams.svg" class="w-4 h-4" />
+                      <a href={`${props.data.msTeamsDirectMessageUrl}`} target="_blank" rel="noopener noreferrer">
+                        Send DM on Teams
+                      </a>
+                    </div>
+                  )
+                }
               </div>
             </div>
           </div>