From 8555d3ed26ac85d73a4ea35074d87701b0ba7192 Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Thu, 2 May 2024 08:40:51 -0700
Subject: [PATCH] add types; fixup button order and style

---
 src/components/menu/main-menu.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/menu/main-menu.tsx b/src/components/menu/main-menu.tsx
index 19ce1334..8d4a4052 100644
--- a/src/components/menu/main-menu.tsx
+++ b/src/components/menu/main-menu.tsx
@@ -21,12 +21,13 @@ import Button from "@components/elements/button";
 
 const menuLevelsToShow = 2;
 
-type Props =
-  Omit<StanfordBasicSiteSetting, "__typename" | "id" | "metatag"> & {
+type Props = {
   /**
    * Array of nested menu items.
    */
   menuItems: MenuItemType[];
+  sumSiteHeaderPrim: StanfordBasicSiteSetting["sumSiteHeaderPrim"];
+  sumSiteHeaderSec: StanfordBasicSiteSetting["sumSiteHeaderSec"];
 };
 
 const MainMenu = ({ menuItems, ...siteSettingsConfig}: Props) => {
@@ -101,8 +102,8 @@ const MainMenu = ({ menuItems, ...siteSettingsConfig}: Props) => {
       <div className={clsx(menuOpen ? "block" : "hidden", "lg:flex lg:justify-end lg:items-center bg-fog-light lg:bg-transparent absolute top-100 lg:relative z-10 w-full")}>
         <SiteSearchForm className="px-10 lg:hidden" />
         <div className="border-b border-spirited-light flex flex-col items-center mt-10 lg:hidden children:w-full children:centered">
-          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderPrim && <Button href={siteSettingsConfig.sumSiteHeaderPrim.url} secondary>{siteSettingsConfig.sumSiteHeaderPrim.title}</Button>}
-          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderSec && <Button href={siteSettingsConfig.sumSiteHeaderSec.url}>{siteSettingsConfig.sumSiteHeaderSec.title}</Button>}
+          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderSec && <Button href={siteSettingsConfig.sumSiteHeaderSec.url} secondary>{siteSettingsConfig.sumSiteHeaderSec.title}</Button>}
+          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderPrim && <Button href={siteSettingsConfig.sumSiteHeaderPrim.url}>{siteSettingsConfig.sumSiteHeaderPrim.title}</Button>}
         </div>
         <ul className="list-unstyled lg:flex lg:justify-end flex-wrap m-0 p-0">
           {menuItems.map((item) =>