@meith/theme-midnight 0.7.0 → 0.9.0

package/src/slots/who-is-online.tsx

@@ -1,52 +1,57 @@
-import type { WhoIsOnlineModel } from '@meith/theme-kit'
+import type { SlotCopy, WhoIsOnlineModel } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 
 import { UserRef } from '../shared'
 
 export function WhoIsOnline({
   guestCount,
   members,
+  memberCount,
   total,
   recordCount,
   recordAt,
   fullListHref,
-}: WhoIsOnlineModel) {
+  copy,
+}: WhoIsOnlineModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.whoIsOnline.${key}`)
+
   return (
     <section aria-labelledby="who-is-online-heading" className="border border-border">
       <h2
         id="who-is-online-heading"
         className="border-b border-border bg-secondary px-3 py-1 font-mono text-xs uppercase tracking-wide"
       >
-        Online now — {total}
+        {c('onlineNow')} {total.label}
       </h2>
       <p className="px-3 py-2 text-xs">
-        {members.length === 0 ? (
-          <span className="text-muted-foreground">no members</span>
+        {memberCount.value === 0 ? (
+          <span className="text-muted-foreground">{c('noMembers')}</span>
         ) : (
           members.map((member, index) => (
             <span key={member.username}>
               {index > 0 && ', '}
               <UserRef user={member} className="text-primary hover:underline" />
               {member.isInvisible && (
-                <span className="ml-1 font-mono text-muted-foreground">(hidden)</span>
+                <span className="ml-1 font-mono text-muted-foreground">{c('hidden')}</span>
               )}
             </span>
           ))
         )}
         <span className="text-muted-foreground">
           {' · '}
-          {guestCount} guests
+          {guestCount.label} {c('guests')}
         </span>
       </p>
       <p className="border-t border-border px-3 py-1 font-mono text-xs text-muted-foreground">
         <a href={fullListHref} className="hover:text-foreground">
-          full list
+          {c('fullList')}
         </a>
-        {' · record '}
-        {recordCount}
+        {' · '}
+        {c('record')} {recordCount.label}
         {recordAt !== null && (
           <>
-            {' on '}
-            <time dateTime={recordAt.iso}>{recordAt.label}</time>
+            {' '}
+            {c('on')} <time dateTime={recordAt.iso}>{recordAt.label}</time>
           </>
         )}
       </p>

package/src/theme.ts

@@ -1,6 +1,31 @@
 import { defaultTheme } from '@meith/theme-default'
 import { defineTheme } from '@meith/theme-kit'
 
+import {
+  announcementCopy,
+  boardIndexCopy,
+  boardStatsCopy,
+  categoryBlockCopy,
+  footerCopy,
+  forumDisplayCopy,
+  forumRowCopy,
+  headerCopy,
+  latestPostsCopy,
+  latestThreadsCopy,
+  memberProfileCopy,
+  navigationCopy,
+  noticeCopy,
+  paginationCopy,
+  postActionsCopy,
+  postBitCopy,
+  shellCopy,
+  subforumListCopy,
+  threadRowCopy,
+  threadViewCopy,
+  userPanelCopy,
+  whoIsOnlineCopy,
+} from './copy'
+import { Announcement } from './slots/announcement'
 import { BoardIndex } from './slots/board-index'
 import { BoardStats } from './slots/board-stats'
 import { CategoryBlock } from './slots/category-block'
@@ -13,7 +38,6 @@ import { LatestThreads } from './slots/latest-threads'
 import { MemberProfile } from './slots/member-profile'
 import { Navigation } from './slots/navigation'
 import { Notice } from './slots/notice'
-import { Announcement } from './slots/announcement'
 import { Pagination } from './slots/pagination'
 import { PostActions } from './slots/post-actions'
 import { PostBit } from './slots/post-bit'
@@ -56,4 +80,32 @@ export const midnightTheme = defineTheme({
 
     MemberProfile,
   },
+  copy: {
+    Shell: shellCopy,
+    Header: headerCopy,
+    UserPanel: userPanelCopy,
+    Navigation: navigationCopy,
+    Footer: footerCopy,
+    Notice: noticeCopy,
+    Announcement: announcementCopy,
+
+    BoardIndex: boardIndexCopy,
+    CategoryBlock: categoryBlockCopy,
+    ForumRow: forumRowCopy,
+    BoardStats: boardStatsCopy,
+    WhoIsOnline: whoIsOnlineCopy,
+    LatestThreads: latestThreadsCopy,
+    LatestPosts: latestPostsCopy,
+
+    ForumDisplay: forumDisplayCopy,
+    ThreadRow: threadRowCopy,
+    SubforumList: subforumListCopy,
+    Pagination: paginationCopy,
+
+    ThreadView: threadViewCopy,
+    PostBit: postBitCopy,
+    PostActions: postActionsCopy,
+
+    MemberProfile: memberProfileCopy,
+  },
 })