mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
Michael Smith
f6d37f6fcc
## Changes made - Replaced previous `ErrorBoundary` functionality with `GlobalErrorBoundary` component - Wired up `GlobalErrorBoundary` to React Router rather than the top of the app
34 lines
1020 B
TypeScript
34 lines
1020 B
TypeScript
import type { Interpolation, Theme } from "@emotion/react";
|
|
import { CoderIcon } from "components/Icons/CoderIcon";
|
|
import type { FC } from "react";
|
|
import { getApplicationName, getLogoURL } from "utils/appearance";
|
|
|
|
/**
|
|
* Enterprise customers can set a custom logo for their Coder application. Use
|
|
* the custom logo wherever the Coder logo is used, if a custom one is provided.
|
|
*/
|
|
export const CustomLogo: FC<{ css?: Interpolation<Theme> }> = (props) => {
|
|
const applicationName = getApplicationName();
|
|
const logoURL = getLogoURL();
|
|
|
|
return logoURL ? (
|
|
<img
|
|
{...props}
|
|
alt={applicationName}
|
|
src={logoURL}
|
|
// This prevent browser to display the ugly error icon if the
|
|
// image path is wrong or user didn't finish typing the url
|
|
onError={(e) => {
|
|
e.currentTarget.style.display = "none";
|
|
}}
|
|
onLoad={(e) => {
|
|
e.currentTarget.style.display = "inline";
|
|
}}
|
|
css={{ maxWidth: 200 }}
|
|
className="application-logo"
|
|
/>
|
|
) : (
|
|
<CoderIcon {...props} className="w-12 h-12" />
|
|
);
|
|
};
|