Changed color on the submit button, and changed the text (#4101)

webkom · Aug 23, 2023 · a270e98 · a270e98
1 parent 5006431
commit a270e98
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 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
@@ -1,5 +1,6 @@
 import { Link } from 'react-router-dom';
 import { Field } from 'redux-form';
+import Card from 'app/components/Card';
 import {
   Form,
   TextInput,
@@ -24,7 +25,7 @@ export type Props = {
   handleSubmit: (arg0: (...args: Array<any>) => any) => void;
   createUser: (token: string, data: Record<string, any>) => void;
   router: any;
-  submitSucceeded: () => void;
+  submitSucceeded: boolean;
 } & RouteChildrenProps<{ username: string }>;
 
 const UserConfirmation = ({
@@ -50,14 +51,15 @@ 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. Om du ikke har fått student-e-post enda, kan
-                du alltids verifisere kontoen din senere.
-              </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>Verifiser student-e-post</Button>
+                  <Button success>Verifiser studentstatus</Button>
                 </Link>
               </Flex>
               <Flex>
@@ -67,7 +69,7 @@ const UserConfirmation = ({
                     marginTop: '1em',
                   }}
                 >
-                  Eller gå til hovedsiden
+                  <Button>Eller gå til hovedsiden</Button>
                 </Link>
               </Flex>
             </div>
@@ -153,9 +155,7 @@ const UserConfirmation = ({
             autocomplete="tel"
             component={PhoneNumberInput.Field}
           />
-          <Button submit dark>
-            Registrer bruker
-          </Button>
+          <Button submit>Registrer bruker</Button>
         </Form>
       </div>
     </Container>