diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-15 11:18:58 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-15 11:18:58 -0300 |
commit | 1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5 (patch) | |
tree | 99e8241a5eb5af4d752be93a460004bc0c6255aa /packages/taler-wallet-webextension/src/renderHtml.tsx | |
parent | 9692f589c687a2ba39a705ca4238cf123f444c61 (diff) | |
download | wallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.tar.xz |
prettier
Diffstat (limited to 'packages/taler-wallet-webextension/src/renderHtml.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/renderHtml.tsx | 38 |
1 files changed, 14 insertions, 24 deletions
diff --git a/packages/taler-wallet-webextension/src/renderHtml.tsx b/packages/taler-wallet-webextension/src/renderHtml.tsx index bbe8e465c..9c2a794dd 100644 --- a/packages/taler-wallet-webextension/src/renderHtml.tsx +++ b/packages/taler-wallet-webextension/src/renderHtml.tsx @@ -87,10 +87,7 @@ interface CollapsibleProps { * Component that shows/hides its children when clicking * a heading. */ -export class Collapsible extends Component< - CollapsibleProps, - CollapsibleState -> { +export class Collapsible extends Component<CollapsibleProps, CollapsibleState> { constructor(props: CollapsibleProps) { super(props); this.state = { collapsed: props.initiallyCollapsed }; @@ -139,23 +136,20 @@ export function ExpanderText({ text }: ExpanderTextProps): JSX.Element { return <span>{text}</span>; } -export interface LoadingButtonProps extends JSX.HTMLAttributes<HTMLButtonElement> { +export interface LoadingButtonProps + extends JSX.HTMLAttributes<HTMLButtonElement> { isLoading: boolean; } -export function ProgressButton({isLoading, ...rest}: LoadingButtonProps): JSX.Element { +export function ProgressButton({ + isLoading, + ...rest +}: LoadingButtonProps): JSX.Element { return ( - <button - class="pure-button pure-button-primary" - type="button" - {...rest} - > + <button class="pure-button pure-button-primary" type="button" {...rest}> {isLoading ? ( <span> - <object - class="svg-icon svg-baseline" - data="/img/spinner-bars.svg" - /> + <object class="svg-icon svg-baseline" data="/img/spinner-bars.svg" /> </span> ) : null}{" "} {rest.children} @@ -163,17 +157,13 @@ export function ProgressButton({isLoading, ...rest}: LoadingButtonProps): JSX.El ); } -export function PageLink( - props: { pageName: string, children?: ComponentChildren }, -): JSX.Element { +export function PageLink(props: { + pageName: string; + children?: ComponentChildren; +}): JSX.Element { const url = chrome.extension.getURL(`/static/wallet.html#/${props.pageName}`); return ( - <a - class="actionLink" - href={url} - target="_blank" - rel="noopener noreferrer" - > + <a class="actionLink" href={url} target="_blank" rel="noopener noreferrer"> {props.children} </a> ); |