mozilla / fx-private-relay / d4d9f278-d845-4992-8c81-4f3757c427a1

coverage: 86.303% (-1.8%) from 88.121%
d4d9f278-d845-4992-8c81-4f3757c427a1

Pull #5842

circleci

joeherm 
fix(deploy): Update CircleCI to use common Dockerfile for building frontend
Pull Request #5842: fix(deploy): Unify Dockerfiles

2744 of 3951 branches covered (69.45%)

Branch coverage included in aggregate %.

17910 of 19981 relevant lines covered (89.64%)

9.96 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

50.0
/frontend/src/components/dashboard/tips/CustomAliasTip.tsx
1 
import styles from "./CustomAliasTip.module.scss";
2✔
2 
import { getRuntimeConfig } from "../../../config";
2✔
3 
import { getLocale } from "../../../functions/getLocale";
2✔
4 
import { useL10n } from "../../../hooks/l10n";
2✔
5 









6



export type CustomAliasTipProps = {










7



  subdomain?: string;










8



};










9



/**










10



 * The tip on using custom aliases also shows the user's domain on top,










11



 * so it can't use {@see GenericTip}.










12



 */










13



export const CustomAliasTip = (props: CustomAliasTipProps) => {




47✔





14



  const l10n = useL10n();




×







15












16



  const subdomainElement =










17



    typeof props.subdomain === "string" ? (





×







18



      <samp>










19



        @{props.subdomain}.{getRuntimeConfig().mozmailDomain}










20



      </samp>










21



    ) : null;










22












23



  // This animation provides the same information as the text,










24



  // and since it contains English content, only show it to people using the










25



  // English website:










26



  const video =










27



    getLocale(l10n).split("-")[0] !== "en" ? null : (





×







28



      <>










29



        <video










30



          // This animation is redundant with the regular text accompanying it,










31



          // so screen readers should ignore it:










32



          aria-hidden={true}










33



          autoPlay={true}










34



          loop={true}










35



          muted={true}










36



        >










37



          {/*










38



            Unfortunately video files cannot currently be imported, so make










39



            sure these files are present in /public. See










40



            https://github.com/vercel/next.js/issues/35248










41



          */}










42



          <source










43



            type="video/webm; codecs='vp9'"










44



            src="/animations/tips/custom-alias.webm"










45



          />










46



          <source type="video/mp4" src="/animations/tips/custom-alias.mp4" />










47



        </video>










48



      </>










49



    );










50












51



  return (










52



    <div className={styles["custom-alias-tip"]}>










53



      {video}










54



      {subdomainElement}










55



      <h3>{l10n.getString("tips-custom-alias-heading-2")}</h3>










56



      <p>{l10n.getString("tips-custom-alias-content-2")}</p>










57



    </div>










58



  );










59



};
























    

  • 

    •