diff --git a/src/components/SendSysex.tsx b/src/components/SendSysex.tsx index 4a17457..b43258d 100644 --- a/src/components/SendSysex.tsx +++ b/src/components/SendSysex.tsx @@ -10,6 +10,7 @@ import { Field } from "./Field"; import { Card } from "primereact/card"; import { SysexPreview } from "./SysexPreview"; import { SysexDownloadButton } from "./SysexDownloadButton"; +import { Text } from "./Typography"; export const SendSysex: React.FC<{ readonly waveform: Waveform }> = ({ waveform, @@ -77,6 +78,13 @@ export const SendSysex: React.FC<{ readonly waveform: Waveform }> = ({ + + + + Note: This currently sends to the ACTIVE mGB WAV slot +
(TODO: allow sending to specific slots) +
+
); diff --git a/src/components/Typography.tsx b/src/components/Typography.tsx new file mode 100644 index 0000000..4250278 --- /dev/null +++ b/src/components/Typography.tsx @@ -0,0 +1,7 @@ +import styled from "@emotion/styled"; + +export const Text = styled.p<{ secondary?: boolean; italic?: boolean }>( + ({ secondary }) => ({ + color: secondary ? `var(--text-color-secondary)` : `var(--text-color)`, + }) +);