InstallApp.tsx raw

   1  import { GlobeIcon } from "lucide-react";
   2  import { AppStoreApp } from "src/components/connections/SuggestedAppData";
   3  import { AppleIcon } from "src/components/icons/Apple";
   4  import { ChromeIcon } from "src/components/icons/Chrome";
   5  import { FirefoxIcon } from "src/components/icons/Firefox";
   6  import { PlayStoreIcon } from "src/components/icons/PlayStore";
   7  import { ZapStoreIcon } from "src/components/icons/ZapStore";
   8  import { ExternalLinkButton } from "src/components/ui/custom/external-link-button";
   9  
  10  export function InstallApp({ appStoreApp }: { appStoreApp: AppStoreApp }) {
  11    return (
  12      <div className="flex flex-col gap-4">
  13        {appStoreApp.installGuide}
  14        <div className="flex flex-wrap items-center gap-2">
  15          {appStoreApp.webLink && (
  16            <ExternalLinkButton to={appStoreApp.webLink} variant="outline">
  17              <GlobeIcon />
  18              Website
  19            </ExternalLinkButton>
  20          )}
  21          {appStoreApp.playLink && (
  22            <ExternalLinkButton to={appStoreApp.playLink} variant="outline">
  23              <PlayStoreIcon />
  24              Play Store
  25            </ExternalLinkButton>
  26          )}
  27          {appStoreApp.appleLink && (
  28            <ExternalLinkButton to={appStoreApp.appleLink} variant="outline">
  29              <AppleIcon />
  30              App Store
  31            </ExternalLinkButton>
  32          )}
  33          {appStoreApp.zapStoreLink && (
  34            <ExternalLinkButton to={appStoreApp.zapStoreLink} variant="outline">
  35              <ZapStoreIcon />
  36              Zapstore
  37            </ExternalLinkButton>
  38          )}
  39          {appStoreApp.chromeLink && (
  40            <ExternalLinkButton to={appStoreApp.chromeLink} variant="outline">
  41              <ChromeIcon />
  42              Chrome Web Store
  43            </ExternalLinkButton>
  44          )}
  45          {appStoreApp.firefoxLink && (
  46            <ExternalLinkButton to={appStoreApp.firefoxLink} variant="outline">
  47              <FirefoxIcon />
  48              Firefox Add-Ons
  49            </ExternalLinkButton>
  50          )}
  51        </div>
  52      </div>
  53    );
  54  }
  55