Initial commit: Meshkee dashboards monorepo.

Includes business, customer, and super-admin apps with shared packages and production deploy scripts. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-11 22:30:58 +04:30 · 2026-07-22 13:48:53 +03:30
commit f566387c61
509 changed files with 62690 additions and 0 deletions
@@ -0,0 +1,127 @@
+import { useEffect, useState } from 'react'
+import { Breadcrumbs } from '../components/Breadcrumbs'
+import { Switch } from '../components/Switch'
+import { useToast } from '../context/ToastContext'
+import { ApiError } from '../lib/api'
+import {
+  getSettings,
+  updateDashboardSettings,
+  type DashboardSettings,
+} from '../services/settingsService'
+import pageStyles from '../components/PageContent.module.css'
+import styles from './ProductSettingsPage.module.css'
+
+const DEFAULT_SETTINGS: DashboardSettings = {
+  comments: { autoApprove: false },
+  expertReviews: { autoApprove: false },
+}
+
+export function BlogSettingsPage() {
+  const { showToast } = useToast()
+  const [settings, setSettings] = useState<DashboardSettings>(DEFAULT_SETTINGS)
+  const [isLoading, setIsLoading] = useState(true)
+  const [savingKey, setSavingKey] = useState<string | null>(null)
+  const [error, setError] = useState('')
+
+  useEffect(() => {
+    const controller = new AbortController()
+    void loadSettings(controller.signal)
+    return () => controller.abort()
+  }, [])
+
+  async function loadSettings(signal?: AbortSignal) {
+    setIsLoading(true)
+    setError('')
+
+    try {
+      const data = await getSettings(signal)
+      setSettings(data.settings.dashboard)
+    } catch (err) {
+      if (err instanceof DOMException && err.name === 'AbortError') return
+      if (err instanceof ApiError) {
+        setError(err.message)
+      } else {
+        setError('Unable to load settings.')
+      }
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  async function handleCommentsAutoApprove(checked: boolean) {
+    setSavingKey('comments')
+    setError('')
+
+    try {
+      const data = await updateDashboardSettings({
+        comments: { autoApprove: checked },
+      })
+      setSettings(data.settings.dashboard)
+      showToast('Settings saved.', 'success')
+    } catch (err) {
+      if (err instanceof ApiError) {
+        setError(err.message)
+      } else {
+        setError('Unable to save settings.')
+      }
+    } finally {
+      setSavingKey(null)
+    }
+  }
+
+  return (
+    <main className={pageStyles.content}>
+      <Breadcrumbs
+        items={[
+          { label: 'Dashboard', href: '/' },
+          { label: 'Blog', href: '/blog' },
+          { label: 'Settings' },
+        ]}
+      />
+
+      <div className={pageStyles.pageHeader}>
+        <div>
+          <h2 className={pageStyles.pageTitle}>Blog settings</h2>
+          <p className={pageStyles.pageSubtitle}>
+            Configure how blog comments are moderated.
+          </p>
+        </div>
+      </div>
+
+      {error && (
+        <div className={styles.alertError} role="alert">
+          {error}
+        </div>
+      )}
+
+      <section className={styles.panel}>
+        <h3 className={styles.sectionTitle}>Moderation</h3>
+
+        {isLoading ? (
+          <p className={styles.status}>Loading settings...</p>
+        ) : (
+          <div className={styles.list}>
+            <div className={styles.row}>
+              <div className={styles.rowText}>
+                <label htmlFor="blog-comments-auto-approve" className={styles.rowLabel}>
+                  Auto-approve comments
+                </label>
+                <p className={styles.rowDescription}>
+                  New blog comments are published immediately when submitted. You can still
+                  reject them later if needed.
+                </p>
+              </div>
+              <Switch
+                id="blog-comments-auto-approve"
+                checked={settings.comments.autoApprove}
+                disabled={savingKey === 'comments'}
+                aria-label="Auto-approve blog comments"
+                onChange={(checked) => void handleCommentsAutoApprove(checked)}
+              />
+            </div>
+          </div>
+        )}
+      </section>
+    </main>
+  )
+}