damus.io

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

AccountExistsNote.tsx (1116B)

      1 import { AccountInfo } from "@/utils/PurpleUtils";
      2 import { Sparkles } from "lucide-react";
      3 import { useIntl } from "react-intl";
      4 
      5 export function AccountExistsNoteIfAccountExists({ existingAccountInfo }: { existingAccountInfo: AccountInfo | null | undefined }) {
      6   const intl = useIntl();
      7   
      8   return (<>
      9     {existingAccountInfo != null && existingAccountInfo != undefined && (
     10       <div className="text-purple-200/50 font-normal flex items-center gap-2 bg-purple-300/10 rounded-full px-6 py-2 justify-center">
     11         <Sparkles className="w-4 h-4 shrink-0 text-purple-50" />
     12         <div className="flex flex-col">
     13           <div className="text-purple-200/90 font-semibold text-sm">
     14             {intl.formatMessage({ id: "purple-checkout.this-account-exists", defaultMessage: "Yay! We found your account" })}
     15           </div>
     16           <div className="text-purple-200/70 font-normal text-xs break-normal">
     17             {intl.formatMessage({ id: "purple-checkout.account-will-renew", defaultMessage: "Paying will renew or extend your membership." })}
     18           </div>
     19         </div>
     20       </div>
     21     )}
     22   </>);
     23 }