Add contact to profile header

Author: LMacPhail

src/components/content/Accordion.tsx

@@ -24,6 +24,7 @@ export const Accordion: React.FC<{ mps: MP[] }> = ({ mps }) => {
                 bio={mp.biography}
                 policyInterests={mp.policyInterests}
                 profile={mp.profilePic}
+                contact={mp.contact}
               />
             </label>
             <div className="accordion-content">

src/components/content/Profile.tsx

@@ -23,9 +23,18 @@ export const ProfileHeader: React.FC<{
   bio: string;
   constituency: string;
   profile?: string;
+  contact?: string;
   socials: SocialMediaLinks;
   policyInterests: Record<PolicyType, Policy>;
-}> = ({ name, bio, constituency, profile, socials, policyInterests }) => {
+}> = ({
+  name,
+  bio,
+  constituency,
+  profile,
+  contact,
+  socials,
+  policyInterests,
+}) => {
   const getLogo = (siteType: string) => {
     switch (siteType) {
       case "facebook":
@@ -59,6 +68,14 @@ export const ProfileHeader: React.FC<{
           <span>
             <p className="font-light text-sm mb-2">{bio}</p>
             <p className="font-light text-sm italic">{constituency}</p>
+            {contact && (
+              <p>
+                <span className="font-bold text-sm">Contact details: </span>
+                <span className="font-light text-sm italic hover:cursor-text">
+                  {contact}
+                </span>
+              </p>
+            )}
           </span>
         </div>
       </div>

src/data/utils/utils.ts

@@ -54,14 +54,14 @@ const mpIdxLookup: Record<number, keyof MP> = {
   40: "contact",
   41: "educationType",
   42: "notes",
-  49: "profilePic",
-  50: "winningProbability",
-  51: "winningProbability",
+  44: "profilePic",
+  45: "winningProbability",
+  46: "winningProbability",
 };
 
 const winningLookupIdx: Record<number, keyof WinningProbability> = {
-  50: "percentage",
-  51: "source",
+  45: "percentage",
+  46: "source",
 };
 
 const policyLookupIdx: Record<number, keyof PolicyInterests> = {