HelpText -> Text

app/scenes/Collection/DropToImport.tsx

@@ -3,8 +3,8 @@ import * as React from "react";
 import Dropzone from "react-dropzone";
 import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
-import HelpText from "~/components/HelpText";
 import LoadingIndicator from "~/components/LoadingIndicator";
+import Text from "~/components/Text";
 import useImportDocument from "~/hooks/useImportDocument";
 import useToasts from "~/hooks/useToasts";
 
@@ -55,7 +55,7 @@ function DropToImport({ children, disabled, accept, collectionId }: Props) {
   );
 }
 
-const DropMessage = styled(HelpText)`
+const DropMessage = styled(Text)`
   opacity: 0;
   pointer-events: none;
 `;

app/scenes/Collection/Empty.tsx

@@ -8,8 +8,8 @@ import Collection from "~/models/Collection";
 import CollectionPermissions from "~/scenes/CollectionPermissions";
 import Button from "~/components/Button";
 import Flex from "~/components/Flex";
-import HelpText from "~/components/HelpText";
 import Modal from "~/components/Modal";
+import Text from "~/components/Text";
 import useBoolean from "~/hooks/useBoolean";
 import useCurrentTeam from "~/hooks/useCurrentTeam";
 import useStores from "~/hooks/useStores";
@@ -34,7 +34,7 @@ function EmptyCollection({ collection }: Props) {
 
   return (
     <Centered column>
-      <HelpText>
+      <Text type="secondary">
         <Trans
           defaults="<em>{{ collectionName }}</em> doesn’t contain any
                     documents yet."
@@ -49,7 +49,7 @@ function EmptyCollection({ collection }: Props) {
         {can.createDocument && (
           <Trans>Get started by creating a new one!</Trans>
         )}
-      </HelpText>
+      </Text>
       <Empty>
         {can.createDocument && (
           <Link to={newDocumentPath(collection.id)}>