Merge pull request #3818 from jpena925/jack121823

WV-172
wevote · Jan 26, 2024 · 62bef0d · 62bef0d
2 parents aec3ca6 + afe8b06
commit 62bef0d
Show file tree

Hide file tree

Showing 2 changed files with 1,144 additions and 305 deletions.
diff --git a/src/js/common/components/CreditsBody.jsx b/src/js/common/components/CreditsBody.jsx
@@ -115,10 +115,14 @@ class Credits extends Component {
           <br />
           <br />
           <ul>
-            { teamOfVolunteers.map((item) => (
+            {teamOfVolunteers.map((item) => (
               <div key={item.name}>
                 <li>
-                  <strong>{item.name}</strong>
+                  {item.linkedin ? (
+                    <a href={item.linkedin} target="_blank">{item.name}</a>
+                  ) : (
+                    <span>{item.name}</span>
+                  )}
                   {item.title && (
                     <span>
                       {' '}
@@ -135,7 +139,7 @@ class Credits extends Component {
           <br />
           This list is in rough order of number of volunteer hours spent (10+ hours) or monetary donation level. Individual monetary donors only listed with express permission.
           {' '}
-          (Our apologies if you should be on this list and are missing. Please contact Dale McGrew with corrections.)
+          (Our apologies if you should be on this list and are missing. Please contact <a href='https://wevote.us/more/faq'>support</a> with corrections.)
         </CreditsDescriptionContainer>
       </Wrapper>
     );
@@ -183,7 +187,16 @@ const CreditsDescriptionContainer = styled('div')(({ theme }) => (`
   width: 960px;
   max-width: 90vw;
   text-align: left;
-  // @media (min-width: 960px) and (max-width: 991px) {
+  
+  > * {
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  a {
+    text-decoration: underline;
+  }
+
   ${[theme.breakpoints.between('lg', 'xl')]}: {
     > * {
       width: 90%;
@@ -196,6 +209,7 @@ const CreditsDescriptionContainer = styled('div')(({ theme }) => (`
   }
 `));
 
+
 const CompanyWrapper = styled('div')`
   display: flex;
   flex-flow: row wrap;