diff --git a/frontend/src/assets/logos/browsers/chrome.svg b/frontend/src/assets/logos/browsers/chrome.svg new file mode 100644 index 0000000..dcc3b11 --- /dev/null +++ b/frontend/src/assets/logos/browsers/chrome.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/assets/logos/browsers/firefox.svg b/frontend/src/assets/logos/browsers/firefox.svg new file mode 100644 index 0000000..f153ced --- /dev/null +++ b/frontend/src/assets/logos/browsers/firefox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/pages/DownloadPage/index.tsx b/frontend/src/pages/DownloadPage/index.tsx index 0a1a8fe..e0eca20 100644 --- a/frontend/src/pages/DownloadPage/index.tsx +++ b/frontend/src/pages/DownloadPage/index.tsx @@ -19,8 +19,13 @@ import { usePageHeader } from "../../components/Layout/PageHeaderContext"; import { BRIDGE_DOWNLOADS, bridgeDownloadUrl, type BridgeDownload } from "../../constants/bridge"; import { EXTENSION_DOWNLOADS, extensionDownloadUrl, type ExtensionDownload } from "../../constants/extension"; import extensionIcon from "../../assets/logos/thingport-icon-color.svg"; +// Official browser logos (github.com/alrra/browser-logos), shown only to mark which browser each +// extension download is for. +import chromeLogo from "../../assets/logos/browsers/chrome.svg"; +import firefoxLogo from "../../assets/logos/browsers/firefox.svg"; const OS_ICON = { windows: LaptopWindowsIcon, macos: AppleIcon, linux: TerminalIcon }; +const BROWSER_LOGO: Record = { chrome: chromeLogo, firefox: firefoxLogo }; type InstallStep = { text: string; code?: string }; @@ -135,7 +140,10 @@ export default function DownloadPage() { {EXTENSION_DOWNLOADS.map(({ browser, label, asset }) => ( - + + + + {t("download.extension.name")} ({label})