summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/renderHtml.tsx
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2021-11-15 11:18:58 -0300
committerSebastian <sebasjm@gmail.com>2021-11-15 11:18:58 -0300
commit1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5 (patch)
tree99e8241a5eb5af4d752be93a460004bc0c6255aa /packages/taler-wallet-webextension/src/renderHtml.tsx
parent9692f589c687a2ba39a705ca4238cf123f444c61 (diff)
downloadwallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.tar.gz
wallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.tar.bz2
wallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.zip
prettier
Diffstat (limited to 'packages/taler-wallet-webextension/src/renderHtml.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/renderHtml.tsx38
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>
);