Change wording for headers in new tooling page (json-schema-org#919)

* Change wording for headers * Set singular for grouping types
DarhkVoyd · Sep 4, 2024 · c99f11b · c99f11b
1 parent 6ad6a9d
commit c99f11b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/pages/tools/components/GroupByMenu.tsx b/pages/tools/components/GroupByMenu.tsx
@@ -15,11 +15,11 @@ const GroupByMenu = ({ transform, setTransform }: GroupByMenuProps) => {
       accessorKey: 'none',
     },
     {
-      label: 'Tooling Types',
+      label: 'Tooling Type',
       accessorKey: 'toolingTypes',
     },
     {
-      label: 'Languages',
+      label: 'Language',
       accessorKey: 'languages',
     },
   ];

diff --git a/pages/tools/components/Sidebar.tsx b/pages/tools/components/Sidebar.tsx
@@ -26,9 +26,9 @@ export default function Sidebar({
   const filterFormRef = useRef<HTMLFormElement>(null);
 
   const filters = [
-    { label: 'Languages', accessorKey: 'languages' },
-    { label: 'Drafts', accessorKey: 'drafts' },
-    { label: 'Tooling Types', accessorKey: 'toolingTypes' },
+    { label: 'Language', accessorKey: 'languages' },
+    { label: 'Dialect', accessorKey: 'drafts' },
+    { label: 'Tooling Type', accessorKey: 'toolingTypes' },
     { label: 'License', accessorKey: 'licenses' },
   ];
 

diff --git a/pages/tools/components/ToolingDetailModal.tsx b/pages/tools/components/ToolingDetailModal.tsx
@@ -214,7 +214,6 @@ export default function ToolingDetailModal({
                 <h3 className='text-lg font-semibold'>Supported Dialects</h3>
                 {tool.supportedDialects.draft && (
                   <div>
-                    <h4 className='text-[14px] font-semibold'>Draft:</h4>
                     <ul className='list-none list-inside'>
                       {tool.supportedDialects.draft.map((draft) => (
                         <Badge key={draft}>{draft}</Badge>

diff --git a/pages/tools/components/ToolingTable.tsx b/pages/tools/components/ToolingTable.tsx
@@ -98,7 +98,7 @@ const ToolingTable = ({
                       style: { flexBasis: '20%', flexGrow: 1 },
                     }}
                   >
-                    Drafts
+                    Dialects
                   </TableColumnHeader>
                   <TableSortableColumnHeader
                     sortBy='license'