docs: Twitter summary smaller

reactive · Jul 2, 2024 · c4c6779 · c4c6779
1 parent e444dfa
commit c4c6779
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 15 deletions.
diff --git a/docs/rest/api/createResource.md b/docs/rest/api/createResource.md
@@ -2,6 +2,7 @@
 id: createResource
 title: createResource() - TypeScript definition for REST API resources
 sidebar_label: createResource
+description: Resources are a collection of RestEndpoints that operate on a common data by sharing a schema
 ---
 
 <head>

diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
@@ -75,13 +75,6 @@ const config: Config = {
         content: '#003a67',
       },
     },
-    {
-      tagName: 'meta',
-      attributes: {
-        name: 'twitter:site',
-        content: '@dataclientio',
-      },
-    },
   ],
   stylesheets: [
     {
@@ -229,6 +222,7 @@ const config: Config = {
             require.resolve('./src/css/root.css'),
             require.resolve('./src/css/customTheme.css'),
           ],
+          meta,
         },
         gtag: {
           trackingID: 'G-1E9TCGX1ZE',
@@ -380,6 +374,17 @@ const config: Config = {
     // Open Graph and Twitter card images.
     ogImage: 'img/client-logo.png',
     twitterImage: 'img/client-logo.png',
+    metadata: [
+      {
+        name: 'twitter:site',
+        content: '@dataclientio',
+      },
+      {
+        property: 'og:site_name',
+        content: 'Data Client',
+      },
+      { name: 'twitter:card', content: 'summary' },
+    ],
     announcementBar: {
       id: 'announcementBar-2', // Increment on change
       content: `If you like Reactive Data Client, give it a ⭐️ on <a target="_blank" rel="noopener noreferrer" href="https://github.com/reactive/data-client">GitHub</a>`,

diff --git a/website/src/theme/DocItem/Metadata/index.tsx b/website/src/theme/DocItem/Metadata/index.tsx
@@ -12,7 +12,7 @@ export default function MetadataWrapper(props: Props): JSX.Element {
     metadata: { title },
   } = useDoc();
   // for short titles, without subheaders
-  if (title.length < 28 && !title.includes(' - '))
+  if (title.length < 30 && !title.includes(' - '))
     return <Metadata {...props} />;
   return (
     <>

diff --git a/website/src/theme/Root.js b/website/src/theme/Root.js
diff --git a/website/src/theme/Root.tsx b/website/src/theme/Root.tsx
@@ -0,0 +1,3 @@
+export default function Root({ children }) {
+  return <>{children}</>;
+}