Renamed header value attribute to id

Author: AndreasArvidsson

packages/cursorless-org-docs/src/docs/components/Header.tsx

@@ -3,7 +3,7 @@ import React from "react";
 
 interface Props {
   className?: string;
-  value?: string;
+  id?: string;
   title?: string;
   children: string;
 }
@@ -26,21 +26,21 @@ export function H5(props: Props) {
 
 function renderHeader(
   level: number,
-  { className, value, title, children }: Props,
+  { className, id, title, children }: Props,
 ): React.JSX.Element {
   const Tag = `h${level}` as keyof React.JSX.IntrinsicElements;
-  const href = uriEncodeHashId(value ?? children);
+  const encodedId = uriEncodeHashId(id ?? children);
   return (
     <Tag
-      id={href}
+      id={encodedId}
       title={title}
       className={
         "scope-header anchorWithStickyNavbar_IncK" +
         (className ? " " + className : "")
       }
     >
       {children}
-      <a className="hash-link" href={`#${href}`} />
+      <a className="hash-link" href={`#${encodedId}`} />
     </Tag>
   );
 }

packages/cursorless-org-docs/src/docs/components/ScopeSupport.tsx

@@ -185,7 +185,7 @@ function renderFacet(
     if (scopeTypeType != null && previousLanguageId !== facetLanguageId) {
       previousLanguageId = facetLanguageId;
       return (
-        <H5 className="language-id" value={`${facet.name}-${facetLanguageId}`}>
+        <H5 className="language-id" id={`${facet.name}-${facetLanguageId}`}>
           {prettifyLanguageName(facetLanguageId)}
         </H5>
       );