extract reusable styled live beacon icon

[kerryarchibald]

Extract live beacon icon so it can be used in rest of beacon UI

---

Here's what your changelog entry will look like:

✨ Features

• extract reusable styled live beacon icon (#8103). Contributed by @kerryarchibald.

Preview: https://pr8103--matrix-react-sdk.netlify.app
⚠️ Do you trust the author of this PR? Maybe this build will steal your keys or give you malware. Exercise caution. Use test accounts.

[t3chguy]

LGTM otherwise!

[t3chguy]

This goes against theming, given if someone edits a theme they'd expect this to magically track, you can probably use rgba https://www.npmjs.com/package/postcss-hexrgba

[kerryarchibald]

true, added another theme var for this.

[t3chguy]

Suggested change

	const StyledLiveBeaconIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({ className, ...props }) =>
	<LiveLocationIcon
	{...props}
	className={classNames('mx_StyledLiveBeaconIcon', className)}
	/>;
	const StyledLiveBeaconIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({ className, ...props }) => (
	<LiveLocationIcon
	{...props}
	className={classNames('mx_StyledLiveBeaconIcon', className)}
	/>
	);

[codecov]

Codecov Report

Merging #8103 (e2d6711) into develop (8cd805a) will increase coverage by 0.00%.
The diff coverage is 100.00%.

❗ Current head e2d6711 differs from pull request most recent head f561502. Consider uploading reports for the commit f561502 to get more accurate results

@@           Coverage Diff            @@
##           develop    #8103   +/-   ##
========================================
  Coverage    26.71%   26.71%           
========================================
  Files          871      872    +1     
  Lines        52204    52206    +2     
  Branches     13230    13230           
========================================
+ Hits         13944    13946    +2     
  Misses       38260    38260           

Impacted Files	Coverage Δ
...c/components/views/beacon/StyledLiveBeaconIcon.tsx	100.00% <100.00%> (ø)
src/components/views/location/ShareType.tsx	100.00% <100.00%> (ø)