refactor: remove token quiz (#1636)

* refactor: remove quiz

* refactor: remove token verify section

* refactor: remove tutorial from newsroom section

* fix: copy

* refactor: remove token tutorial component

* fix: lint

packages/components/src/TCRUserDashboard/DashboardStyledComponents.tsx

@@ -548,67 +548,6 @@ export const StyledFromBalance = styled.div`
   padding: 17px 15px;
 `;
 
-export const StyledTutorialWarning = styled.div`
-  font-weight: 400;
-  padding: 35px;
-`;
-
-export const StyledWarningBox = styled.div`
-  background-color: ${colors.accent.CIVIL_RED_ULTRA_FADED};
-  border: 1px solid ${colors.accent.CIVIL_RED_FADED};
-  border-radius: 3px;
-  font-family: ${fonts.SANS_SERIF};
-  margin-bottom: 40px;
-  padding: 20px;
-  text-align: center;
-
-  h2 {
-    font-size: 20px;
-    font-weight: bold;
-    line-height: 32px;
-    margin: 0;
-
-    svg {
-      vertical-align: text-bottom;
-    }
-  }
-
-  p {
-    color: ${colors.accent.CIVIL_GRAY_0};
-    font-size: 16px;
-    line-height: 26px;
-    margin: 0 0 15px;
-  }
-`;
-
-export const StyledTutorialPrompt = styled.div`
-  font-family: ${fonts.SANS_SERIF};
-  text-align: left;
-
-  h3 {
-    font-size: 18px;
-    font-weight: 600;
-    letter-spacing: -0.12px;
-    line-height: 33px;
-    margin: 0;
-  }
-
-  p {
-    color: ${colors.accent.CIVIL_GRAY_0};
-    font-size: 14px;
-    line-height: 22px;
-    margin: 0 0 15px;
-  }
-
-  ${Button} {
-    font-size: 13px;
-    font-weight: bold;
-    letter-spacing: 0.3px;
-    line-height: 14px;
-    text-transform: none;
-  }
-`;
-
 // Newsroom tab
 export const StyledDashboardNewsroom = styled.div`
   border-top: 1px solid ${colors.accent.CIVIL_GRAY_4};

packages/components/src/TCRUserDashboard/DashboardTextComponents.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { StyledTransferTokenTitle, StyledTransferTokenTip } from "./DashboardStyledComponents";
-import { WarningIcon } from "../icons";
 
 export const SubTabAllChallengesVotedText: React.FunctionComponent = props => <>All</>;
 
@@ -97,29 +96,3 @@ export const TransferTokenTipsText: React.FunctionComponent = props => (
 export const MetaMaskPopUpText: React.FunctionComponent = props => (
   <StyledTransferTokenTip>This will pop-up MetaMask window to confirm your transactions</StyledTransferTokenTip>
 );
-
-export const TransferTokenTutorialWarnText: React.FunctionComponent = props => (
-  <>
-    <h2>
-      <WarningIcon width={25} height={25} /> Take the Civil Tutorial
-    </h2>
-    <p>
-      Before you can transfer Civil tokens, you must complete a tutorial to ensure you understand how to use Civil
-      tokens and how the Civil Registry works.
-    </p>
-  </>
-);
-
-export const TransferTokenTakeTutorialText: React.FunctionComponent = props => (
-  <>
-    <h3>Civil Tutorial</h3>
-    <p>
-      You’ll be completing a series of questions about Civil and how to use Civil tokens (CVL). This is a standard
-      procedure to help inform you of best practices with purchasing and using tokens.
-    </p>
-    <p>
-      It will take about 30 minutes or less to complete. If at any point you answer incorrectly, don’t worry. You will
-      be able to answer the questions again.
-    </p>
-  </>
-);

packages/components/src/TCRUserDashboard/index.ts

@@ -12,6 +12,5 @@ export * from "./DashboardNewsroomStripeConnect";
 export * from "./DashboardStyledComponents";
 export * from "./DashboardTextComponents";
 export * from "./DashboardTransferTokenForm";
-export * from "./DashboardTutorialWarning";
 export * from "./DashboardNewsroom";
 export * from "./NoNewsrooms";