Add: Add db stat

backend/app/controllers/api/admin_controller.rb

@@ -17,7 +17,11 @@ def data
                      discord: User.where.not(discord_id: nil).count
                    },
                    files:
-                     FileResource.all.group_by(&:kind).transform_values(&:count)
+                     FileResource
+                       .all
+                       .group_by(&:kind)
+                       .transform_values(&:count),
+                   db: ActiveRecord::Base.connection_pool.stat
                  }
                }
              }

frontend/i18n/en.yml

@@ -198,7 +198,9 @@ admin:
       private: "Private"
     files: "Files"
     storage: "Storage"
-    db: "Database"
+    db:
+      title: "Database"
+      connections: "{{busy}} busy, {{waiting}} waiting / {{size}} max"
   sidekiq:
     title: "Jobs (Sidekiq)"
     description: "You can see the status of background jobs here."

frontend/i18n/ja.yml

@@ -158,7 +158,9 @@ admin:
       private: "非公開"
     files: "ファイル"
     storage: "ストレージ"
-    db: "データベースサイズ"
+    db:
+      title: "データベース"
+      connections: "使用中：{{busy}}、待機中：{{waiting}} / 最大：{{size}}"
   sidekiq:
     title: "ジョブ（Sidekiq）"
     description: "バックグラウンドジョブの状態を確認できます。"

frontend/pages/admin.tsx

@@ -41,6 +41,15 @@ const Admin: NextPage = () => {
         discord: number
       }
       files: Record<string, number>
+      db: {
+        size: number
+        connections: number
+        busy: number
+        dead: number
+        idle: number
+        waiting: number
+        checkout_timeout: number
+      }
     }
   } | null>(null)
 
@@ -108,6 +117,14 @@ const Admin: NextPage = () => {
               ))}
             </div>
           </div>
+          <div className={statCard}>
+            <h2 className="text-xl font-bold">{t("stats.db.title")}</h2>
+            <div className="flex flex-col">
+              <p className="flex-1">
+                {t("stats.db.connections", data.stats.db)}
+              </p>
+            </div>
+          </div>
           <div className={statCard}>
             <h2 className="text-xl font-bold">{t("sidekiq.title")}</h2>
             <p className="text-md">