85cda637-2ac9-4d08-9727-ee8e8a702875

Committed 06 Sep 2024 09:48PM CUT coverage: 85.506%. First build

Build # 85cda637-2ac9-4d08-9727-ee8e8a702875

Build Type

push

circleci

Committed by

jwhitlock

Commit Message

Handle Twilio errors when relaying messages

When a Relay user replies 'STOP', they are unsubscribed from Twilio and
we can't send them any more messages.

When a contact replies 'STOP', the Relay user can't reply to them
anymore.

There are other errors, but those haven't happened to us yet. Log as
errors.

Run Details

4111 of 5264 branches covered (78.1%)

Branch coverage included in aggregate %.

133 of 134 new or added lines in 2 files covered. (99.25%)

16130 of 18408 relevant lines covered (87.62%)

10.34 hits per line

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

0.0

/frontend/src/components/landing/DemoPhone.tsx

import { StaticImageData } from "next/image";
import styles from "./DemoPhone.module.scss";
import BgImage from "./images/hero-image-bg.svg";
import PremiumScreenshot from "./images/hero-image-premium.svg";
import PremiumScreenshotFr from "./images/hero-image-premium-fr.svg";
import PremiumScreenshotDe from "./images/hero-image-premium-de.svg";
import NoPremiumScreenshot from "./images/hero-image-nopremium.svg";
import FgImage from "./images/hero-image-fg.svg";
import FgImageDe from "./images/hero-image-fg-de.svg";
import FgImageFr from "./images/hero-image-fg-fr.svg";
import Image from "../Image";
import { getLocale } from "../../functions/getLocale";
import { useL10n } from "../../hooks/l10n";

export type Props = {
  premium?: boolean;
};

/**
 * Image of a phone showing the Relay interface, either the Premium or regular UI as desired.
 */

export const DemoPhone = (props: Props) => {
  const l10n = useL10n();
  const lang = getLocale(l10n).split("-")[0] ?? "en";

  const getScreenshotImage = (
    isPremium: boolean,
    lang: string,
  ): StaticImageData => {
    if (lang === "fr") {
      return PremiumScreenshotFr;
    }
    if (lang === "de") {
      return PremiumScreenshotDe;
    }
    // If Premium is not availabe in the country,
    // show no premium demo phone state
    if (!isPremium) {
      return NoPremiumScreenshot;
    }
    return PremiumScreenshot;
  };

  const getForegroundImage = (lang: string): StaticImageData => {
    if (lang === "fr") {
      return FgImageFr;
    }
    if (lang === "de") {
      return FgImageDe;
    }
    return FgImage;
  };

  return (
    <div className={styles.container}>
      <Image src={BgImage} alt="" className={styles.background} />

      <Image
        src={getScreenshotImage(props.premium ?? false, lang)}
        className={styles.phone}
        alt=""
      />
      <Image
        src={getForegroundImage(lang)}
        alt=""
        className={styles.foreground}
      />
    </div>
  );
};

1	import { StaticImageData } from "next/image";
2	import styles from "./DemoPhone.module.scss";	×
3	import BgImage from "./images/hero-image-bg.svg";	×
4	import PremiumScreenshot from "./images/hero-image-premium.svg";	×
5	import PremiumScreenshotFr from "./images/hero-image-premium-fr.svg";	×
6	import PremiumScreenshotDe from "./images/hero-image-premium-de.svg";	×
7	import NoPremiumScreenshot from "./images/hero-image-nopremium.svg";	×
8	import FgImage from "./images/hero-image-fg.svg";	×
9	import FgImageDe from "./images/hero-image-fg-de.svg";	×
10	import FgImageFr from "./images/hero-image-fg-fr.svg";	×
11	import Image from "../Image";	×
12	import { getLocale } from "../../functions/getLocale";	×
13	import { useL10n } from "../../hooks/l10n";	×
14
15	export type Props = {
16	premium?: boolean;
17	};
18
19	/**
20	* Image of a phone showing the Relay interface, either the Premium or regular UI as desired.
21	*/
22
23	export const DemoPhone = (props: Props) => {	×
24	const l10n = useL10n();	×
25	const lang = getLocale(l10n).split("-")[0] ?? "en";	×
26
27	const getScreenshotImage = (	×
28	isPremium: boolean,
29	lang: string,
30	): StaticImageData => {
31	if (lang === "fr") {	×
32	return PremiumScreenshotFr;	×
33	}
34	if (lang === "de") {	×
35	return PremiumScreenshotDe;	×
36	}
37	// If Premium is not availabe in the country,
38	// show no premium demo phone state
39	if (!isPremium) {	×
40	return NoPremiumScreenshot;	×
41	}
42	return PremiumScreenshot;	×
43	};
44
45	const getForegroundImage = (lang: string): StaticImageData => {	×
46	if (lang === "fr") {	×
47	return FgImageFr;	×
48	}
49	if (lang === "de") {	×
50	return FgImageDe;	×
51	}
52	return FgImage;	×
53	};
54
55	return (
56	<div className={styles.container}>
57	<Image src={BgImage} alt="" className={styles.background} />
58
59	<Image
60	src={getScreenshotImage(props.premium ?? false, lang)}	×
61	className={styles.phone}
62	alt=""
63	/>
64	<Image
65	src={getForegroundImage(lang)}
66	alt=""
67	className={styles.foreground}
68	/>
69	</div>
70	);
71	};

mozilla / fx-private-relay / 85cda637-2ac9-4d08-9727-ee8e8a702875

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

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