From 4d09fabad86dc9b180e03561b44c18b1923ad9ca Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 3 Aug 2025 20:00:30 +0300
Subject: [PATCH] feat(react): slightly faster about

---
 apps/client/src/widgets/dialogs/about.tsx | 78 +++++++++++------------
 1 file changed, 38 insertions(+), 40 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/about.tsx b/apps/client/src/widgets/dialogs/about.tsx
index b315d52cd..6638dc059 100644
--- a/apps/client/src/widgets/dialogs/about.tsx
+++ b/apps/client/src/widgets/dialogs/about.tsx
@@ -22,46 +22,44 @@ function AboutDialogComponent() {
 
     return (
         <Modal className="about-dialog" size="lg" title={t("about.title")} onShown={onShown}>
-            {(appInfo !== null) ? (
-                <table className="table table-borderless">
-                    <tbody>
-                        <tr>
-                            <th>{t("about.homepage")}</th>
-                            <td><a className="tn-link external" href="https://github.com/TriliumNext/Trilium" style={forceWordBreak}>https://github.com/TriliumNext/Trilium</a></td>
-                        </tr>
-                        <tr>
-                            <th>{t("about.app_version")}</th>
-                            <td className="app-version">{appInfo.appVersion}</td>
-                        </tr>
-                        <tr>
-                            <th>{t("about.db_version")}</th>
-                            <td className="db-version">{appInfo.dbVersion}</td>
-                        </tr>
-                        <tr>
-                            <th>{t("about.sync_version")}</th>
-                            <td className="sync-version">{appInfo.syncVersion}</td>
-                        </tr>
-                        <tr>
-                            <th>{t("about.build_date")}</th>
-                            <td className="build-date">{formatDateTime(appInfo.buildDate)}</td>
-                        </tr>
-                        <tr>
-                            <th>{t("about.build_revision")}</th>
-                            <td>
-                                <a className="tn-link build-revision external" href={`https://github.com/TriliumNext/Trilium/commit/${appInfo.buildRevision}`} target="_blank" style={forceWordBreak}>{appInfo.buildRevision}</a>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th>{t("about.data_directory")}</th>
-                            <td className="data-directory">
-                                <DirectoryLink directory={appInfo.dataDirectory} style={forceWordBreak} />
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            ) : (
-                <div className="loading-spinner"></div>
-            )}
+            <table className="table table-borderless">
+                <tbody>
+                    <tr>
+                        <th>{t("about.homepage")}</th>
+                        <td><a className="tn-link external" href="https://github.com/TriliumNext/Trilium" style={forceWordBreak}>https://github.com/TriliumNext/Trilium</a></td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.app_version")}</th>
+                        <td className="app-version">{appInfo?.appVersion}</td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.db_version")}</th>
+                        <td className="db-version">{appInfo?.dbVersion}</td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.sync_version")}</th>
+                        <td className="sync-version">{appInfo?.syncVersion}</td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.build_date")}</th>
+                        <td className="build-date">
+                            {appInfo?.buildDate ? formatDateTime(appInfo.buildDate) : ""}
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.build_revision")}</th>
+                        <td>
+                            {appInfo?.buildRevision && <a className="tn-link build-revision external" href={`https://github.com/TriliumNext/Trilium/commit/${appInfo.buildRevision}`} target="_blank" style={forceWordBreak}>{appInfo.buildRevision}</a>}
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.data_directory")}</th>
+                        <td className="data-directory">
+                            {appInfo?.dataDirectory && (<DirectoryLink directory={appInfo.dataDirectory} style={forceWordBreak} />)}
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
         </Modal>
     );
 }