From a6b6a09af07a01fb5cf0d88059373dbf7b76d54e Mon Sep 17 00:00:00 2001
From: SteveLauC <stevelauc@outlook.com>
Date: Wed, 31 Dec 2025 14:04:45 +0800
Subject: [PATCH] refactor: format Coco server update time in settings (#1040)

Previously, the last update time of the Coco server in the
"Connect" settings page was displayed using the raw string
directly from the `updated` field, which lacked consistent
formatting.

This commit refactors the `ServiceMetadata` component to use
the `formatDateToLocal` utility function. This ensures
the update time is displayed in a standardized
`YYYY/MM/DD HH:mm:ss` format and provides a fallback value if
the date is invalid or missing.
---
 docs/content.en/docs/release-notes/_index.md | 1 +
 src/components/Cloud/ServiceMetadata.tsx     | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
index b49b6ba4..09c2da59 100644
--- a/docs/content.en/docs/release-notes/_index.md
+++ b/docs/content.en/docs/release-notes/_index.md
@@ -27,6 +27,7 @@ Information about release notes of Coco App is provided here.
 ### ✈️ Improvements
 
 - refactor: add a timeout to open() #1025
+- refactor: format Coco server update time in settings #1040
 
 ## 0.10.0 (2025-12-19)
 
diff --git a/src/components/Cloud/ServiceMetadata.tsx b/src/components/Cloud/ServiceMetadata.tsx
index 01a1a5fa..4c220b29 100644
--- a/src/components/Cloud/ServiceMetadata.tsx
+++ b/src/components/Cloud/ServiceMetadata.tsx
@@ -2,6 +2,7 @@ import { memo } from "react";
 import { PackageOpen, GitFork, CalendarSync } from "lucide-react";
 
 import { useConnectStore } from "@/stores/connectStore";
+import { formatDateToLocal } from "@/utils/date";
 
 interface ServiceMetadataProps {}
 
@@ -20,7 +21,7 @@ const ServiceMetadata = memo(({}: ServiceMetadataProps) => {
         </span>
         <span className="mx-4">|</span>
         <span className="flex items-center gap-1">
-          <CalendarSync className="w-4 h-4" /> {cloudSelectService?.updated}
+          <CalendarSync className="w-4 h-4" /> {formatDateToLocal(cloudSelectService?.updated)}
         </span>
       </div>
       <p className="text-gray-600 dark:text-gray-300 leading-relaxed">