From b9cc94fce8e02f41e417c58fc58362334d066a41 Mon Sep 17 00:00:00 2001 From: "Irsyad A. Panjaitan" Date: Tue, 20 Aug 2024 16:36:17 +0700 Subject: [PATCH] mib --- app/(app)/components/page.tsx | 6 +++--- app/(app)/docs/[...slug]/page.tsx | 15 ++------------- app/layout.tsx | 4 ++-- components/docs/surfaces/heading-demo.tsx | 2 +- .../docs/components/collections/accordion.mdx | 2 +- .../docs/components/collections/list-box.mdx | 2 +- .../docs/components/collections/tag-group.mdx | 2 +- .../docs/components/colors/color-field.mdx | 2 +- .../docs/components/controls/context-menu.mdx | 2 +- .../content/docs/components/controls/switch.mdx | 2 +- .../date-and-time/date-range-picker.mdx | 2 +- .../content/docs/components/forms/text-field.mdx | 2 +- .../content/docs/components/forms/textarea.mdx | 2 +- .../content/docs/components/pickers/select.mdx | 2 +- .../content/docs/components/surfaces/heading.mdx | 2 +- .../docs/getting-started/client-side-routing.mdx | 2 +- .../content/docs/getting-started/introduction.mdx | 2 +- .../content/docs/prologue/contribution-guide.mdx | 2 +- resources/content/docs/prologue/release-notes.mdx | 2 +- 19 files changed, 23 insertions(+), 34 deletions(-) diff --git a/app/(app)/components/page.tsx b/app/(app)/components/page.tsx index ca75d8342..95ce4b43e 100644 --- a/app/(app)/components/page.tsx +++ b/app/(app)/components/page.tsx @@ -8,15 +8,15 @@ import type { Metadata } from "next" import { Container } from "ui" export const metadata: Metadata = { - title: "Components / " + siteConfig.name, + title: "Components", description: "Over 50 accessible components, neatly grouped into sections. Guaranteed usability for all!", metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL ?? siteConfig.url), applicationName: siteConfig.name, openGraph: { - title: "Components / " + siteConfig.name, + title: "Components", description: - "Over 50 accessible components, neatly grouped into sections. Guaranteed usability for all!", + "Discover over 50 accessible components, meticulously organized into sections to ensure seamless usability for everyone. Experience guaranteed functionality and ease of use!", url: "https://getjustd.com/components", type: "website", images: [ diff --git a/app/(app)/docs/[...slug]/page.tsx b/app/(app)/docs/[...slug]/page.tsx index 36309fe0d..899d798db 100644 --- a/app/(app)/docs/[...slug]/page.tsx +++ b/app/(app)/docs/[...slug]/page.tsx @@ -33,23 +33,12 @@ export async function generateMetadata({ params }: DocPageProps): PromiseThe quick brown fox jumps over the lazy dog + return The quick brown fox jumps over the lazy dog } diff --git a/resources/content/docs/components/collections/accordion.mdx b/resources/content/docs/components/collections/accordion.mdx index 8fec2d8f2..c093550c3 100644 --- a/resources/content/docs/components/collections/accordion.mdx +++ b/resources/content/docs/components/collections/accordion.mdx @@ -1,6 +1,6 @@ --- title: Accordion -description: An accordion's like a vertical stack of headers that pop open to show or hide content sections. +description: "An accordion is a vertical stack of headers that expand or collapse to reveal or conceal content sections, providing an organized and user-friendly way to manage information." order: 6 published: true status: updated diff --git a/resources/content/docs/components/collections/list-box.mdx b/resources/content/docs/components/collections/list-box.mdx index e9bd37aa4..ba7ebbc6c 100644 --- a/resources/content/docs/components/collections/list-box.mdx +++ b/resources/content/docs/components/collections/list-box.mdx @@ -1,6 +1,6 @@ --- title: "List Box" -description: ListBoxes are used to present and manage lists of options or data entries. +description: "ListBox are designed to present and manage lists of options or data entries, allowing users to view and select from multiple choices efficiently." order: 2 published: true references: ["https://react-spectrum.adobe.com/react-aria/ListBox.html#props"] diff --git a/resources/content/docs/components/collections/tag-group.mdx b/resources/content/docs/components/collections/tag-group.mdx index 4faedb094..f99e235f6 100644 --- a/resources/content/docs/components/collections/tag-group.mdx +++ b/resources/content/docs/components/collections/tag-group.mdx @@ -41,7 +41,7 @@ Incorporate a hyperlink within the tag group using the `href` prop. ## Shape -The tag group can be shaped to be a square or a circle. Just like the badge component, see [badge](/d/badge?#shape) documentation for more information. +The tag group can be shaped to be a square or a circle. Just like the badge component, see [badge](/docs/components/statuses/badge?#shape) documentation for more information. ## Disabled diff --git a/resources/content/docs/components/colors/color-field.mdx b/resources/content/docs/components/colors/color-field.mdx index f4bb7ac93..4e6dfd765 100644 --- a/resources/content/docs/components/colors/color-field.mdx +++ b/resources/content/docs/components/colors/color-field.mdx @@ -1,6 +1,6 @@ --- title: "Color Field" -description: A color field lets folks tweak a hex color or fiddle with the individual color channels. +description: "A color field allows users to adjust a hex color or fine-tune individual color channels, offering precise control over color customization." order: 2 published: true status: beta diff --git a/resources/content/docs/components/controls/context-menu.mdx b/resources/content/docs/components/controls/context-menu.mdx index eb83253fb..9f4b511d8 100644 --- a/resources/content/docs/components/controls/context-menu.mdx +++ b/resources/content/docs/components/controls/context-menu.mdx @@ -9,7 +9,7 @@ status: alpha ## Basic This component excels in desktop applications but has significant limitations. Its lack of accessibility and mobile compatibility are notable drawbacks. **React Aria** hasn't released an official version of this component yet, possibly due to these issues. -Unless it's absolutely necessary for your project, I'd advise against using it. For most scenarios requiring accessible, rich interfaces, consider alternatives like [Menus](/d/menu) or [Popovers](/d/popover) instead. These components typically offer better cross-platform support and accessibility features. +Unless it's absolutely necessary for your project, I'd advise against using it. For most scenarios requiring accessible, rich interfaces, consider alternatives like [Menus](/docs/components/collections/menu) or [Popovers](/docs/components/overlays/popover) instead. These components typically offer better cross-platform support and accessibility features. The initial release will be an alpha version due to ongoing issues with cursor positioning accuracy. If you're able to contribute, I'd appreciate your help in submitting a [pull request](https://github.com/justdlabs/justd) to address this component's limitations. diff --git a/resources/content/docs/components/controls/switch.mdx b/resources/content/docs/components/controls/switch.mdx index 58203e6f9..c95a45007 100644 --- a/resources/content/docs/components/controls/switch.mdx +++ b/resources/content/docs/components/controls/switch.mdx @@ -1,6 +1,6 @@ --- title: "Switch" -description: Flip on or off, like a light switch, for binary decisions that need a simple tap to toggle states. +description: "Toggle on or off like a light switch, ideal for binary decisions where a simple tap effortlessly changes states, providing clear and immediate control." order: 2 published: true references: ["https://react-spectrum.adobe.com/react-aria/Switch.html#props"] diff --git a/resources/content/docs/components/date-and-time/date-range-picker.mdx b/resources/content/docs/components/date-and-time/date-range-picker.mdx index fbbaac26f..e59744d64 100644 --- a/resources/content/docs/components/date-and-time/date-range-picker.mdx +++ b/resources/content/docs/components/date-and-time/date-range-picker.mdx @@ -1,6 +1,6 @@ --- title: "Date Range Picker" -description: Date Range Pickers are used to communicate information to the user. +description: "Date Range Pickers are essential tools for communicating date-based information to users effectively, enhancing the interaction experience with precise date selections." order: 6 published: true references: ["https://react-spectrum.adobe.com/react-aria/DateRangePicker.html#props"] diff --git a/resources/content/docs/components/forms/text-field.mdx b/resources/content/docs/components/forms/text-field.mdx index 8b4243798..9ab29f97d 100644 --- a/resources/content/docs/components/forms/text-field.mdx +++ b/resources/content/docs/components/forms/text-field.mdx @@ -1,6 +1,6 @@ --- title: "Text Field" -description: Enter text, like jotting down notes on your phone, versatile for any data that requires typing. +description: "Enter text similar to jotting down notes on your phone, offering versatility for any data entry that involves typing, accommodating various types of information." order: 2 published: true references: ["https://react-spectrum.adobe.com/react-aria/TextField.html#props", "https://www.framer.com/motion/animate-presence"] diff --git a/resources/content/docs/components/forms/textarea.mdx b/resources/content/docs/components/forms/textarea.mdx index bd44a40dd..64620df91 100644 --- a/resources/content/docs/components/forms/textarea.mdx +++ b/resources/content/docs/components/forms/textarea.mdx @@ -1,6 +1,6 @@ --- title: "Textarea" -description: Bigger space for more text, like drafting an email, giving you room to elaborate on your thoughts.. +description: "Provides ample space for detailed text, similar to drafting an email, allowing you to elaborate on your thoughts and present comprehensive information with ease." order: 4 published: true references: ["https://react-spectrum.adobe.com/react-aria/TextField.html#textarea-1"] diff --git a/resources/content/docs/components/pickers/select.mdx b/resources/content/docs/components/pickers/select.mdx index 74feb14f9..59443a8a7 100644 --- a/resources/content/docs/components/pickers/select.mdx +++ b/resources/content/docs/components/pickers/select.mdx @@ -1,6 +1,6 @@ --- title: "Select" -description: Select a start and end date, like booking a vacation span, ideal for setting periods efficiently.. +description: "Select a start and end date, perfect for booking a vacation or setting periods efficiently, streamlining the process of defining time spans with ease." order: 2 published: true status: updated diff --git a/resources/content/docs/components/surfaces/heading.mdx b/resources/content/docs/components/surfaces/heading.mdx index fe8e95cc5..b8bf86982 100644 --- a/resources/content/docs/components/surfaces/heading.mdx +++ b/resources/content/docs/components/surfaces/heading.mdx @@ -1,6 +1,6 @@ --- title: "Heading" -description: Heading is a component that is used to display titles and subtitles. +description: "Heading is a component used to display titles and subtitles, providing a clear structure and emphasis for organizing and presenting content." order: 4 published: true status: new diff --git a/resources/content/docs/getting-started/client-side-routing.mdx b/resources/content/docs/getting-started/client-side-routing.mdx index 224c6f7b4..666ea38f1 100644 --- a/resources/content/docs/getting-started/client-side-routing.mdx +++ b/resources/content/docs/getting-started/client-side-routing.mdx @@ -6,7 +6,7 @@ published: true --- ## Introduction -React Aria components such as [Link](https://getjustd.com/d/link), [Menu](https://getjustd.com/d/menu), [Tabs](https://getjustd.com/d/tabs), and [Table](https://getjustd.com/d/table) transform elements into clickable links that navigate when clicked. These components utilize the `href` prop to render as an `` tag, supporting attributes like `target` and `download`. +React Aria components such as [Link](/docs/components/navigation/link), [Menu](/docs/components/collections/menu), [Tabs](/docs/components/navigation/tabs), and [Table](/docs/components/collections/table) transform elements into clickable links that navigate when clicked. These components utilize the `href` prop to render as an `` tag, supporting attributes like `target` and `download`. User interactions with these links vary by component. For instance, one might use arrow keys to navigate tabs or press enter to open a link within a ComboBox. With the href prop, React Aria facilitates seamless navigation for each component. diff --git a/resources/content/docs/getting-started/introduction.mdx b/resources/content/docs/getting-started/introduction.mdx index bf593490b..14098e0bb 100644 --- a/resources/content/docs/getting-started/introduction.mdx +++ b/resources/content/docs/getting-started/introduction.mdx @@ -1,6 +1,6 @@ --- title: "Introduction" -description: Embark on a witty adventure with this open-source design system, built with React Aria. Master troubleshooting tips to solve the mystery of missing props in your React app. +description: "Embark on a witty adventure with this open-source design system using React Aria. Master troubleshooting tips to solve missing props in your React app." order: 1 published: true --- diff --git a/resources/content/docs/prologue/contribution-guide.mdx b/resources/content/docs/prologue/contribution-guide.mdx index 5afc9b0fa..073c2902e 100644 --- a/resources/content/docs/prologue/contribution-guide.mdx +++ b/resources/content/docs/prologue/contribution-guide.mdx @@ -1,6 +1,6 @@ --- title: "Contribution Guide" -description: Interested in contributing to Justd? This guide covers setting up your development environment, understanding the project structure, and best practices for your first pull request. +description: "Interested in contributing to Justd? This guide covers setting up your development environment, understanding the project structure, and best practices for your first PR." order: 1 published: true --- diff --git a/resources/content/docs/prologue/release-notes.mdx b/resources/content/docs/prologue/release-notes.mdx index fd0f209ca..61e62b0f4 100644 --- a/resources/content/docs/prologue/release-notes.mdx +++ b/resources/content/docs/prologue/release-notes.mdx @@ -1,6 +1,6 @@ --- title: "Release Notes" -description: All the releases that have been made to Justd +description: "All releases made to Justd, detailing every update and enhancement introduced to the platform, providing a comprehensive overview of changes and improvements." order: 2 published: true ---