Add GH repo user setting

Author: nirabo

.env.example

@@ -1,6 +1,9 @@
 # Gist configuration URL
 VITE_CONFIG_GIST_URL=your_gist_url_here
 
+# GitHub repository URL
+VITE_GITHUB_REPO=https://github.com/yourusername/terminal-portfolio
+
 # Node environment
 NODE_ENV=development
 

docker-compose.yml

@@ -15,6 +15,7 @@ services:
     environment:
       - NODE_ENV=development
       - VITE_CONFIG_GIST_URL=${VITE_CONFIG_GIST_URL}
+      - VITE_GITHUB_REPO=${VITE_GITHUB_REPO}
     profiles: ["dev"]
     # Enable hot reload
     develop:
@@ -34,6 +35,7 @@ services:
     environment:
       - NODE_ENV=production
       - VITE_CONFIG_GIST_URL=${VITE_CONFIG_GIST_URL}
+      - VITE_GITHUB_REPO=${VITE_GITHUB_REPO}
     profiles: ["prod"]
     restart: unless-stopped
 

src/components/commands/Welcome.tsx

@@ -1,20 +1,20 @@
-import {
-  Cmd,
-  HeroContainer,
-  Link,
-  Seperator,
-} from "../styles/Welcome.styled";
-import { useConfig } from "../../ConfigContext";
+import { Cmd, HeroContainer, Link, Seperator } from "../styles/Welcome.styled";
 
 const Welcome: React.FC = () => {
-  const { githubRepo } = useConfig().personal;
   return (
     <HeroContainer data-testid="welcome">
       <div className="info-section">
         <Seperator>----</Seperator>
         <div>
           This project's source code can be found in this project's{" "}
-          <Link href={githubRepo}>GitHub repo</Link>
+          <Link
+            href={
+              import.meta.env.VITE_GITHUB_REPO ||
+              "https://github.com/yourusername/terminal-portfolio"
+            }
+          >
+            GitHub repo
+          </Link>
           .
         </div>
         <Seperator>----</Seperator>