fix: 16 linting warnings

app/scenes/CollectionMembers/AddGroupsToCollection.js

@@ -13,6 +13,7 @@ import Collection from "models/Collection";
 import Group from "models/Group";
 import GroupNew from "scenes/GroupNew";
 import Button from "components/Button";
+import ButtonLink from "components/ButtonLink";
 import Empty from "components/Empty";
 import Flex from "components/Flex";
 import GroupListItem from "components/GroupListItem";
@@ -85,9 +86,9 @@ class AddGroupsToCollection extends React.Component<Props> {
       <Flex column>
         <HelpText>
           {t("Can’t find the group you’re looking for?")}{" "}
-          <a role="button" onClick={this.handleNewGroupModalOpen}>
+          <ButtonLink onClick={this.handleNewGroupModalOpen}>
             {t("Create a group")}
-          </a>
+          </ButtonLink>
           .
         </HelpText>
 

app/scenes/CollectionMembers/AddPeopleToCollection.js

@@ -11,6 +11,7 @@ import UsersStore from "stores/UsersStore";
 import Collection from "models/Collection";
 import User from "models/User";
 import Invite from "scenes/Invite";
+import ButtonLink from "components/ButtonLink";
 import Empty from "components/Empty";
 import Flex from "components/Flex";
 import HelpText from "components/HelpText";
@@ -81,9 +82,9 @@ class AddPeopleToCollection extends React.Component<Props> {
       <Flex column>
         <HelpText>
           {t("Need to add someone who’s not yet on the team yet?")}{" "}
-          <a role="button" onClick={this.handleInviteModalOpen}>
+          <ButtonLink onClick={this.handleInviteModalOpen}>
             {t("Invite people to {{ teamName }}", { teamName: team.name })}
-          </a>
+          </ButtonLink>
           .
         </HelpText>
 

app/scenes/CollectionMembers/CollectionMembers.js

@@ -12,6 +12,7 @@ import UiStore from "stores/UiStore";
 import UsersStore from "stores/UsersStore";
 import Collection from "models/Collection";
 import Button from "components/Button";
+import ButtonLink from "components/ButtonLink";
 import Empty from "components/Empty";
 import Flex from "components/Flex";
 import HelpText from "components/HelpText";
@@ -139,9 +140,9 @@ class CollectionMembers extends React.Component<Props> {
               documents in the private <strong>{collection.name}</strong>{" "}
               collection. You can make this collection visible to the entire
               team by{" "}
-              <a role="button" onClick={this.props.onEdit}>
+              <ButtonLink onClick={this.props.onEdit}>
                 changing the visibility
-              </a>
+              </ButtonLink>
               .
             </HelpText>
             <span>
@@ -160,9 +161,7 @@ class CollectionMembers extends React.Component<Props> {
             The <strong>{collection.name}</strong> collection is accessible by
             everyone on the team. If you want to limit who can view the
             collection,{" "}
-            <a role="button" onClick={this.props.onEdit}>
-              make it private
-            </a>
+            <ButtonLink onClick={this.props.onEdit}>make it private</ButtonLink>
             .
           </HelpText>
         )}