CreateNodeMigrationFileSuccess.tsx raw

   1  import { BadgePlusIcon, PowerOffIcon, SaveIcon } from "lucide-react";
   2  import AppHeader from "src/components/AppHeader";
   3  import { Card, CardContent } from "src/components/ui/card";
   4  
   5  export function CreateNodeMigrationFileSuccess() {
   6    return (
   7      <div className="p-10">
   8        <AppHeader
   9          title="Alby Hub Migration File Saved"
  10          pageTitle="Migration Complete"
  11          description="You're ready to move your node to another machine"
  12          addSidebarTrigger={false}
  13        />
  14        <Card>
  15          <CardContent className="pt-6">
  16            <div className="flex justify-center flex-col gap-4 text-foreground">
  17              <div className="flex gap-2 items-center ">
  18                <div className="shrink-0 ">
  19                  <SaveIcon className="size-6" />
  20                </div>
  21                <span>
  22                  Your Alby Hub migration file has been successfully saved to your
  23                  filesystem.
  24                </span>
  25              </div>
  26              <div className="flex gap-2 items-center">
  27                <div className="shrink-0">
  28                  <PowerOffIcon className="size-6" />
  29                </div>
  30                <span>
  31                  This Alby Hub has is now in a halted state to prevent further
  32                  changes.{" "}
  33                  <b>
  34                    Do not restart it otherwise your migration file will be
  35                    invalidated.
  36                  </b>
  37                </span>
  38              </div>
  39              <div className="flex gap-2 items-center">
  40                <div className="shrink-0 ">
  41                  <BadgePlusIcon className="size-6" />
  42                </div>
  43                <span>
  44                  Start your new Alby Hub on another machine and choose the
  45                  "import backup" option to import your migration file.
  46                </span>
  47              </div>
  48            </div>
  49          </CardContent>
  50        </Card>
  51      </div>
  52    );
  53  }
  54