summaryrefslogtreecommitdiff
path: root/frontend/src/components
diff options
context:
space:
mode:
authorAAGaming <aagaming@riseup.net>2024-06-13 17:00:50 -0400
committerAAGaming <aagaming@riseup.net>2024-06-13 17:00:50 -0400
commit259aabf82fb0477a9048ab5b3add0d51205f4c8a (patch)
treef703742909cc1b6982dfeba5043347a88f453231 /frontend/src/components
parent1de8c5915bf126c9fce56e5e3f190e00372b4aa3 (diff)
downloaddecky-loader-259aabf82fb0477a9048ab5b3add0d51205f4c8a.tar.gz
decky-loader-259aabf82fb0477a9048ab5b3add0d51205f4c8a.zip
update dependencies
Diffstat (limited to 'frontend/src/components')
-rw-r--r--frontend/src/components/DeckyToaster.tsx5
-rw-r--r--frontend/src/components/Markdown.tsx4
2 files changed, 4 insertions, 5 deletions
diff --git a/frontend/src/components/DeckyToaster.tsx b/frontend/src/components/DeckyToaster.tsx
index 1cb51d65..5302b89c 100644
--- a/frontend/src/components/DeckyToaster.tsx
+++ b/frontend/src/components/DeckyToaster.tsx
@@ -1,7 +1,6 @@
import type { ToastData } from '@decky/api';
import { joinClassNames } from '@decky/ui';
-import { FC, useEffect, useState } from 'react';
-import { ReactElement } from 'react-markdown/lib/react-markdown';
+import { FC, useEffect, useState, ReactElement } from 'react';
import { useDeckyToasterState } from './DeckyToasterState';
import Toast, { toastClasses } from './Toast';
@@ -20,7 +19,7 @@ const DeckyToaster: FC<DeckyToasterProps> = () => {
if (toasts.size > 0) {
const [activeToast] = toasts;
if (!renderedToast || activeToast != renderedToast.data) {
- // TODO play toast sound
+ // TODO play toast soundReactElement
console.log('rendering toast', activeToast);
setRenderedToast({ component: <Toast key={Math.random()} toast={activeToast} />, data: activeToast });
}
diff --git a/frontend/src/components/Markdown.tsx b/frontend/src/components/Markdown.tsx
index bd43fffa..cf6657aa 100644
--- a/frontend/src/components/Markdown.tsx
+++ b/frontend/src/components/Markdown.tsx
@@ -13,8 +13,8 @@ const Markdown: FunctionComponent<MarkdownProps> = (props) => {
<ReactMarkdown
remarkPlugins={[remarkGfm]}
components={{
- div: (nodeProps) => <Focusable {...nodeProps.node.properties}>{nodeProps.children}</Focusable>,
- a: (nodeProps) => {
+ div: (nodeProps: any) => <Focusable {...nodeProps.node.properties}>{nodeProps.children}</Focusable>,
+ a: (nodeProps: any) => {
const aRef = useRef<HTMLAnchorElement>(null);
return (
// TODO fix focus ring