item.variations);
variations.sort((form1, form2) =>
- form1.spokenForm.localeCompare(form2.spokenForm)
+ form1.spokenForm.localeCompare(form2.spokenForm),
);
const borderClassName = isHighlighted
- ? 'border-violet-500 dark:border-violet-400'
- : 'border-stone-300 dark:border-stone-500';
+ ? "border-violet-500 dark:border-violet-400"
+ : "border-stone-300 dark:border-stone-500";
return (
-
- See the{' '}
-
+ See the{" "}
+
full documentation
- {' '}
+ {" "}
to learn more.
diff --git a/cursorless-nx/libs/cheatsheet/src/lib/components/SmartLink.tsx b/cursorless-nx/libs/cheatsheet/src/lib/components/SmartLink.tsx
index 33fff3e0a6..2f625c13eb 100644
--- a/cursorless-nx/libs/cheatsheet/src/lib/components/SmartLink.tsx
+++ b/cursorless-nx/libs/cheatsheet/src/lib/components/SmartLink.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
type SmartLinkProps = {
/**
@@ -21,12 +21,12 @@ const SmartLink: React.FC
= ({
noFormatting = false,
}) => {
const className = noFormatting
- ? ''
- : 'text-blue-500 hover:text-violet-700 dark:text-cyan-400 hover:dark:text-violet-200';
+ ? ""
+ : "text-blue-500 hover:text-violet-700 dark:text-cyan-400 hover:dark:text-violet-200";
return (
- {to.startsWith('https://') ? (
+ {to.startsWith("https://") ? (
{children}
diff --git a/cursorless-nx/libs/cheatsheet/src/lib/hooks/useIsHighlighted.ts b/cursorless-nx/libs/cheatsheet/src/lib/hooks/useIsHighlighted.ts
index fca573a4fc..4df37467c5 100644
--- a/cursorless-nx/libs/cheatsheet/src/lib/hooks/useIsHighlighted.ts
+++ b/cursorless-nx/libs/cheatsheet/src/lib/hooks/useIsHighlighted.ts
@@ -1,7 +1,7 @@
-import { useHash } from 'react-use';
+import { useHash } from "react-use";
// Check if window is defined (so if in the browser or in node.js).
-const isBrowser = typeof window !== 'undefined';
+const isBrowser = typeof window !== "undefined";
/**
* Returns `true` if the URL hash is equal to the given `id`
@@ -9,7 +9,7 @@ const isBrowser = typeof window !== 'undefined';
* @returns Boolean indicating whether the hash matches the given id
*/
export default function useIsHighlighted(id: string) {
- const [hash, _] = isBrowser ? useHash() : ['', null];
+ const [hash, _] = isBrowser ? useHash() : ["", null];
return hash.length > 1 && hash.substring(1) === id;
}
diff --git a/cursorless-nx/libs/react/embedded-video/src/lib/embedded-video.tsx b/cursorless-nx/libs/react/embedded-video/src/lib/embedded-video.tsx
index 67ff9eb97c..8438e3bfd9 100644
--- a/cursorless-nx/libs/react/embedded-video/src/lib/embedded-video.tsx
+++ b/cursorless-nx/libs/react/embedded-video/src/lib/embedded-video.tsx
@@ -1,7 +1,7 @@
-import styles from './embedded-video.module.css';
+import styles from "./embedded-video.module.css";
-import { useState } from 'react';
-import ReactPlayer from 'react-player/youtube';
+import { useState } from "react";
+import ReactPlayer from "react-player/youtube";
interface Props {
youtubeSlug: string;
@@ -11,16 +11,16 @@ export function EmbeddedVideo({ youtubeSlug }: Props) {
const [isError, setIsError] = useState(false);
return (
-
+
{isError ? (
Error loading YouTube video
) : (
