Updating notes toggle to show the first note and toggle the rest, if there are more than one.

Author: erinesullivan

src/modules/resource-acccess/components/Holder/index.js

@@ -13,26 +13,10 @@ const notesList = (notes) => {
     return null;
   }
 
-  if (notes.length === 1) {
-    return (
-      <Expandable>
-        <ExpandableChildren show={0}>
-          <p className='text-grey__light margin-bottom__none'>
-            {notes[0]}
-          </p>
-        </ExpandableChildren>
-        <ExpandableButton
-          name='holdings note'
-          count={notes.length}
-        />
-      </Expandable>
-    );
-  }
-
   return (
     <Expandable>
       <ul className='margin-bottom__none'>
-        <ExpandableChildren show={0}>
+        <ExpandableChildren show={1}>
           {notes.map((note, index) => {
             return (
               <li
@@ -46,7 +30,7 @@ const notesList = (notes) => {
         </ExpandableChildren>
       </ul>
 
-      {notes.length > 0 && (
+      {notes.length > 1 && (
         <ExpandableButton
           name='holdings notes'
           count={notes.length}

src/modules/resource-acccess/components/Holder/styles.css

@@ -3,7 +3,6 @@
 }
 
 .holder-content > ul + .btn {
-  margin-left: 2.5rem;
   margin-top: 0;
 }