damus.io

damus.io website
git clone git://jb55.com/damus.io
Log | Files | Refs | README | LICENSE

PurpleCheckoutMaintenance.tsx (1283B)

      1 import { Construction } from "lucide-react";
      2 import { PurpleLayout } from "../PurpleLayout";
      3 import { useIntl } from "react-intl";
      4 
      5 
      6 export function PurpleCheckoutMaintenance() {
      7   const intl = useIntl()
      8 
      9   // MARK: - Render
     10 
     11   return (<>
     12     <PurpleLayout>
     13       <h2 className="text-2xl text-left text-purple-200 font-semibold break-keep mb-2">
     14         {intl.formatMessage({ id: "purple.checkout-maintenance.title", defaultMessage: "Checkout" })}
     15       </h2>
     16       <div className="text-purple-200/70 text-normal text-left mb-6 font-semibold flex flex-col md:flex-row gap-3 rounded-lg bg-purple-200/10 p-3 items-center md:items-start">
     17         <Construction className="w-6 h-6 shrink-0 mt-0 md:mt-1" />
     18         <div className="flex flex-col text-center md:text-left">
     19           <span className="text-normal md:text-lg mb-2">
     20             {intl.formatMessage({ id: "purple.checkout-maintenance.description", defaultMessage: "Under maintenance" })}
     21           </span>
     22           <span className="text-xs text-purple-200/50">
     23             {intl.formatMessage({ id: "purple.checkout-maintenance.description-2", defaultMessage: "We are working on some fixes, please come back later. Thank you for your patience." })}
     24           </span>
     25         </div>
     26       </div>
     27     </PurpleLayout>
     28   </>)
     29 }