@meith/theme-raidframe 0.32.0 → 0.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-raidframe",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "description": "A gaming theme for Meith — guild, raid and match boards — built on the default theme's slots.",
   "license": "MIT",
   "repository": {
@@ -20,9 +20,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-default": "^0.32.0",
-    "@meith/theme-kit": "^0.32.0",
-    "@meith/ui": "^0.32.0"
+    "@meith/theme-default": "^0.33.0",
+    "@meith/theme-kit": "^0.33.0",
+    "@meith/ui": "^0.33.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/shared.tsx

@@ -138,3 +138,8 @@ export function groupTags(
   if (groups !== undefined && groups.length > 0) return groups
   return title === null ? [] : [{ title }]
 }
+
+export function isEmptyRegion(node: React.ReactNode): boolean {
+  if (node === null || node === undefined || node === false || node === '') return true
+  return Array.isArray(node) && node.every((child) => isEmptyRegion(child))
+}

package/src/slots/forum-row.tsx

@@ -26,6 +26,19 @@ export function ForumRow({ forum, copy }: ForumRowSlotModel & { copy: SlotCopy }
               <p className="mt-0.5 text-xs text-muted-foreground">{forum.description}</p>
             )}
 
+            {!isLink && forum.lastPost !== null && (
+              <p className="mt-1.5 text-xs text-muted-foreground sm:hidden">
+                <a href={forum.lastPost.href} className="text-foreground hover:text-primary">
+                  {forum.lastPost.threadTitle}
+                </a>
+                <span className={`${MICRO} mt-0.5 block normal-case`}>
+                  <UserRef user={forum.lastPost.author} className="hover:text-primary" />
+                  {c('separator')}
+                  <Stamp at={forum.lastPost.at} />
+                </span>
+              </p>
+            )}
+
             {forum.subforums.length > 0 && (
               <p className="mt-1.5 flex flex-wrap gap-1.5">
                 {forum.subforums.map((sub) => (

package/src/slots/post-actions.tsx

@@ -1,6 +1,8 @@
 import type { PostActionsSlotModel, SlotCopy } from '@meith/theme-kit'
 import { fromSlotCopy } from '@meith/theme-kit'
 
+import { isEmptyRegion } from '../shared'
+
 const ACTION =
   'font-mono text-[0.625rem] font-semibold uppercase tracking-[0.14em] text-muted-foreground hover:text-primary'
 
@@ -22,7 +24,9 @@ export function PostActions({
     { href: actions.moderateHref, label: c('moderate') },
   ].filter((item): item is { href: string; label: string } => item.href != null)
 
-  if (items.length === 0 && children === undefined) return null
+  const extra = isEmptyRegion(children) ? null : children
+
+  if (items.length === 0 && extra === null) return null
 
   return (
     <nav aria-label={c('ariaLabel')} className="flex flex-wrap items-center gap-x-4 gap-y-1">
@@ -31,7 +35,7 @@ export function PostActions({
           {item.label}
         </a>
       ))}
-      {children}
+      {extra}
     </nav>
   )
 }

package/src/slots/thread-row.tsx

@@ -77,6 +77,15 @@ export function ThreadRow({
           <span className="uppercase">{c('startedBy')}</span>{' '}
           <UserRef user={thread.author} className="hover:text-primary" />
         </p>
+        {thread.lastPost !== null && (
+          <p className={`${MICRO} mt-1 normal-case sm:hidden`}>
+            <a href={thread.lastPost.href} className="hover:text-primary">
+              <Stamp at={thread.lastPost.at} className="text-foreground" />
+              {c('byPrefix')}
+              <UserRef user={thread.lastPost.author} linked={false} />
+            </a>
+          </p>
+        )}
       </td>
 
       <td className={`w-16 px-2 py-2.5 text-right text-xs ${NUMERIC} text-foreground`}>

package/src/theme.ts

@@ -73,7 +73,7 @@ import { WhoIsOnline } from './slots/who-is-online'
 export const raidframeTheme = defineTheme({
   key: 'raidframe',
   title: 'Raidframe',
-  version: '0.32.0',
+  version: '0.33.0',
   extends: defaultTheme,
   slots: {
     Shell,