All files / src/components/Checkout Success.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
 
 
4x
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { FC, useEffect } from 'react';
import { Link } from 'gatsby';
import { StepComponentProps } from '../../types';
import { Layout } from './Layout';
const styles = require('./Checkout.module.css')
import { useCartContext } from '../../contexts';
import { ButtonClasses } from 'ag-ems-ui-library';
 
export const Success: FC<StepComponentProps> = () => {
  const { orderId, removeOrderId } = useCartContext();
 
  useEffect(() => {
    return () => {
      removeOrderId();
    }
  }, []);
 
  return <Layout>
    <h1>Vielen Dank für Ihre Buchung!</h1>
    <p>Ihre Bestellnummer: <Link to={`/profile/order/${orderId}`} className={styles.OrderLink}>{orderId}</Link></p>
    <p>In Kürze erhalten Sie eine Bestätigungsmail mit Details an die von Ihnen angegebene E-Mail-Adresse.</p>
    <Link to="/" className={`${ButtonClasses['ks-primary']} ${ButtonClasses.md}`}>Weiter einkaufen</Link>
  </Layout>;
};