From b6ed0cb6e92baf6a2dffd8136b16a8f1e8a8b793 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=ADcolas=20Pastorello?= <nicolaspastorello1@gmail.com>
Date: Mon, 5 May 2025 16:37:34 -0300
Subject: [PATCH] Update index.tsx

---
 client/src/pages/home/index.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/home/index.tsx b/client/src/pages/home/index.tsx
index 0bcced6..06ffe95 100644
--- a/client/src/pages/home/index.tsx
+++ b/client/src/pages/home/index.tsx
@@ -7,6 +7,7 @@ import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 import React, { ReactNode } from "react";
 import { Link } from "react-router";
+import { Trans } from "react-i18next";
 import Logo from "../../icon.svg?react";
 import { ISpool } from "../spools/model";
 
@@ -107,10 +108,14 @@ export const Home: React.FC<IResourceComponentsProps> = () => {
       </Row>
       {!hasSpools && (
         <>
-          <p style={{ marginTop: 32 }}>Welcome to your Spoolman instance!</p>
+          <p style={{ marginTop: 32 }}>{t("home.welcome")}</p>
           <p>
-            It looks like you haven't added any spools yet. See the <Link to="/help">Help page</Link> for help getting
-            started.
+            <Trans
+              i18nKey="home.description"
+              components={{
+                helpPageLink: <Link to="/help" />,
+              }}
+            />
           </p>
         </>
       )}