Added card component, and changed the link to a button

webkom · Aug 22, 2023 · 53c5e2d · 53c5e2d
1 parent fc868aa
commit 53c5e2d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/app/routes/users/components/UserConfirmation.css b/app/routes/users/components/UserConfirmation.css
@@ -5,11 +5,6 @@
   max-width: 500px;
 }
 
-.infoText {
-  font-size: var(--font-size-sm);
-  line-height: 1.4em;
-}
-
 .programmeList {
   list-style: disc;
   list-style-position: inside;

diff --git a/app/routes/users/components/UserConfirmation.tsx b/app/routes/users/components/UserConfirmation.tsx
@@ -17,6 +17,7 @@ import { validPassword } from '../utils';
 import PasswordField from './PasswordField';
 import styles from './UserConfirmation.css';
 import type { RouteChildrenProps } from 'react-router';
+import Card from 'app/components/Card';
 
 export type Props = {
   token: string;
@@ -50,10 +51,12 @@ const UserConfirmation = ({
               >
                 Er du student?
               </h3>
-              <p className={styles.infoText}>
-                For å kunne melde deg på arrangementer i Abakus må du verifisere
-                at du er student.
-              </p>
+              <Card severity="danger">
+                <span>
+                  For å kunne melde deg på arrangementer i Abakus må du
+                  verifisere at du er student.
+                </span>
+              </Card>
               <Flex>
                 <Link to="/users/me/settings/student-confirmation/">
                   <Button success>Verifiser studentstatus</Button>
@@ -66,7 +69,7 @@ const UserConfirmation = ({
                     marginTop: '1em',
                   }}
                 >
-                  Eller gå til hovedsiden
+                  <Button>Eller gå til hovedsiden</Button>
                 </Link>
               </Flex>
             </div>