fix(home): fix category display order, add aria-label to template cards

waleedlatif1 · waleedlatif1 · commit fcd3cf514130 · 2026-03-14T17:42:35.000-07:00
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/template-prompts/consts.ts b/apps/sim/app/workspace/[workspaceId]/home/components/template-prompts/consts.ts
@@ -82,10 +82,10 @@ export type ModuleTag = keyof typeof MODULE_META
 export const CATEGORY_META = {
   popular: { label: 'Popular' },
   sales: { label: 'Sales & CRM' },
-  productivity: { label: 'Productivity' },
-  engineering: { label: 'Engineering' },
   support: { label: 'Support' },
+  engineering: { label: 'Engineering' },
   marketing: { label: 'Marketing & Content' },
+  productivity: { label: 'Productivity' },
   operations: { label: 'Operations' },
 } as const
 
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/template-prompts/template-prompts.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/template-prompts/template-prompts.tsx
@@ -120,6 +120,7 @@ function TemplateCard({ template, onSelect }: TemplateCardProps) {
     <button
       type='button'
       onClick={() => onSelect(template.prompt)}
+      aria-label={`Select template: ${template.title}`}
       className='group flex cursor-pointer flex-col text-left'
     >
       <div className='overflow-hidden rounded-[10px] border border-[var(--border-1)]'>

Original file line number	Diff line number	Diff line change
`@@ -120,6 +120,7 @@ function TemplateCard({ template, onSelect }: TemplateCardProps) {`
`120`	`120`	`<button`
`121`	`121`	`type='button'`
`122`	`122`	`onClick={() => onSelect(template.prompt)}`
	`123`	+ aria-label={`Select template: ${template.title}`}
`123`	`124`	`className='group flex cursor-pointer flex-col text-left'`
`124`	`125`	`>`
`125`	`126`	`<div className='overflow-hidden rounded-[10px] border border-[var(--border-1)]'>`