fix: adaptivecards

Author: rob-at-cortex

src/components/HeaderFooter/VideoHeader.tsx

@@ -6,7 +6,7 @@ import Image, { StaticImageData } from 'next/image'
 import { HeaderDesktop } from './HeaderDesktop'
 import { HeaderMobile } from './HeaderMobile'
 import { type HeaderMenuProps } from './HeaderMenu'
-
+import { cn } from '@/lib/utils/cn'
 export function VideoHeader({ logoVideo, logoLight, logoDark, menuItems } : { logoVideo: StaticImageData, logoLight: StaticImageData, logoDark: StaticImageData, menuItems?: HeaderMenuProps[] }) {
 
   const [isScrolled, setIsScrolled] = useState(false)
@@ -77,7 +77,7 @@ export function VideoHeader({ logoVideo, logoLight, logoDark, menuItems } : { lo
         </button>
       )}
       <div className="fixed top-0 left-0 right-0 z-50" >
-      <HeaderDesktop isMenuOpen={isScrolled} logoLight={logoLight} logoDark={logoDark} menuItems={menuItems}/>
+      <HeaderDesktop isMenuOpen={isScrolled || isMenuOpen} logoLight={logoLight} logoDark={logoDark} menuItems={menuItems}/>
       <HeaderMobile isMenuOpen={true} logoLight={logoLight} logoDark={logoDark} menuItems={menuItems}/>
 
       </div>
@@ -100,11 +100,11 @@ export function VideoHeader({ logoVideo, logoLight, logoDark, menuItems } : { lo
           alt="Cortex Reply Logo"
           width={720}
           height={320}
-          className="h-auto w-auto mt-8 hidden lg:block"
+          className={cn('h-auto w-auto mt-8 hidden lg:block', isMenuOpen && 'lg:hidden')}
         />
       <div className='h-full flex flex-col items-center justify-center'>
-  <h1 className="text-4xl font-bold pt-auto mb-4">We are Cortex Reply.</h1>
-  <p className="text-2xl mb-8 max-w-2xl">Efficiency through technology.</p>
+  <h1 className="text-6xl font-bold pt-auto mb-12">We are Cortex Reply.</h1>
+  <p className="text-3xl mb-8 max-w-2xl">Efficiency through technology.</p>
 </div>
         <div className="flex justify-center items-center w-full mb-8">
           <div

src/sections/form/server/contact-us-form-submit.ts

@@ -10,65 +10,104 @@ export async function contactUsFormSubmit(
   const { name, email, subject, message } = values
 
 
-  // const webhookUrl = process.env.TEAMS_WEBHOOK_URL
-
-  const webhookUrl = "https://reply.webhook.office.com/webhookb2/bd96f013-d306-4244-8611-743f6bf96fb9@b00367e2-193a-4f48-94de-7245d45c0947/IncomingWebhook/03eafcb222a24d38aa7af5b5c09af0f0/a03e7d9d-7fba-4893-8c70-fcfcf540483d/V2TvPmNJLZgvGfNKyLJP51BEpKG04B-XU3o8hEp0vLFcU1"
+  const webhookUrl = process.env.TEAMS_WEBHOOK_URL
 
   if (!webhookUrl) {
     throw new Error('TEAMS_WEBHOOK_URL is not defined')
   }
 
+
   const adaptiveCard = {
-    type: 'message',
+    type: "message",
     attachments: [
       {
-        contentType: 'application/vnd.microsoft.card.adaptive',
+        contentType: "application/vnd.microsoft.card.adaptive",
         content: {
-          type: 'AdaptiveCard',
-          version: '1.2',
+          $schema: "http://adaptivecards.io/schemas/adaptive-card.json",
+          type: "AdaptiveCard",
+          version: "1.2",
           body: [
             {
-              type: 'TextBlock',
-              text: 'New Contact Us Form Submission',
-              weight: 'Bolder',
-              size: 'Medium',
-            },
-            {
-              type: 'TextBlock',
-              text: `**Name:** ${name}`,
+              type: "TextBlock",
+              text: "Contact Us Form",
               wrap: true,
+              style: "heading",
+              weight: "Bolder"
             },
             {
-              type: 'TextBlock',
-              text: `**Email:** ${email}`,
-              wrap: true,
+              type: "ColumnSet",
+              columns: [
+                {
+                  type: "Column",
+                  width: "stretch",
+                  items: [
+                    {
+                      type: "TextBlock",
+                      text: "Name",
+                      wrap: true,
+                      weight: "Bolder"
+                    },
+                    {
+                      type: "TextBlock",
+                      text: "Email",
+                      wrap: true,
+                      weight: "Bolder"
+                    },
+                    {
+                      type: "TextBlock",
+                      text: "Subject",
+                      wrap: true,
+                      weight: "Bolder"
+                    }
+                  ]
+                },
+                {
+                  type: "Column",
+                  width: "stretch",
+                  items: [
+                    {
+                      type: "TextBlock",
+                      text: `${name}`,
+                      wrap: true
+                    },
+                    {
+                      type: "TextBlock",
+                      text: `${email}`,
+                      wrap: true
+                    },
+                    {
+                      type: "TextBlock",
+                      text: `${subject}`,
+                      wrap: true
+                    }
+                  ]
+                }
+              ]
             },
             {
-              type: 'TextBlock',
-              text: `**Subject:** ${subject}`,
-              wrap: true,
-            },
-            {
-              type: 'TextBlock',
-              text: `**Message:** ${message}`,
-              wrap: true,
-            },
-          ],
-        },
-      },
-    ],
+              type: "TextBlock",
+              text: `${message}`,
+              wrap: true
+            }
+          ]
+        }
+      }
+    ]
   }
-
+  
+  console.log(JSON.stringify(adaptiveCard))
   try {
     const response = await fetch(webhookUrl, {
       method: 'POST',
+      mode: "no-cors",
       headers: {
         'Content-Type': 'application/json',
       },
       body: JSON.stringify(adaptiveCard),
     })
 
     if (!response.ok) {
+      console.error(response)
       throw new Error('Network response was not ok')
     }