Merge pull request #180 from WebDevStudios/feature/add-team-fields

Feature/add team fields

Author: Greg Rickaby

api/wordpress/teams/queryTeamById.js

@@ -14,6 +14,17 @@ const singleTeamFragment = gql`
     ${seoPostFields}
     ${authorPostFields}
     ${featuredImagePostFields}
+    teamMemberProfile {
+      facebookUrl
+      githubUrl
+      instagramUrl
+      linkedinUrl
+      location
+      websiteUrl
+      twitterUrl
+      title
+      wordpressorgProfileUrl
+    }
   }
 `
 

api/wordpress/teams/queryTeamsArchive.js

@@ -10,6 +10,9 @@ const archiveTeamFragment = gql`
     ${globalPostFields}
     excerpt
     ${featuredImagePostFields}
+    teamMemberProfile {
+      easterEggUrl
+    }
   }
 `
 

pages/team/[[...slug]].js

@@ -71,7 +71,33 @@ export default function Team({post, archive, posts, pagination}) {
             <Breadcrumbs breadcrumbs={post.seo.breadcrumbs} />
           )}
           <h1 dangerouslySetInnerHTML={{__html: post?.title}} />
+          <p>{post?.teamMemberProfile?.title}</p>
           <Blocks blocks={post?.blocks} />
+          {!!post?.teamMemberProfile && (
+            // Other profiles exist; this is a sample.
+            <ul>
+              {!!post.teamMemberProfile.facebookUrl && (
+                <li>
+                  <a href={post.teamMemberProfile.facebookUrl}>Facebook</a>
+                </li>
+              )}
+              {!!post.teamMemberProfile.linkedinUrl && (
+                <li>
+                  <a href={post.teamMemberProfile.linkedinUrl}>LinkedIn</a>
+                </li>
+              )}
+              {!!post.teamMemberProfile.twitterUrl && (
+                <li>
+                  <a href={post.teamMemberProfile.twitterUrl}>Twitter</a>
+                </li>
+              )}
+              {!!post.teamMemberProfile.githubUrl && (
+                <li>
+                  <a href={post.teamMemberProfile.githubUrl}>GitHub</a>
+                </li>
+              )}
+            </ul>
+          )}
         </article>
       </Container>
     </Layout>