Main2 #3

hlsitechio · 2025-03-12T17:39:10Z

update

https://hlsitech.com/livechat

bolt-new-by-stackblitz · 2025-03-12T17:39:13Z

Run & review this pull request in StackBlitz Codeflow.

docs-page · 2025-03-12T17:39:13Z

To view this pull requests documentation preview, visit the following URL:

docs.page/hlsitechio/hlsitech.com~3

Documentation is deployed and generated using docs.page.

netlify · 2025-03-12T20:02:56Z

✅ Deploy Preview for hlsitech ready!

Name	Link
🔨 Latest commit	`65a4f3e`
🔍 Latest deploy log	https://app.netlify.com/projects/hlsitech/deploys/68e708da1fc12400084b17cd
😎 Deploy Preview	https://deploy-preview-3.hlsitech.com
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Bumps [form-data](https://github.com/form-data/form-data) from 4.0.2 to 4.0.4. - [Release notes](https://github.com/form-data/form-data/releases) - [Changelog](https://github.com/form-data/form-data/blob/master/CHANGELOG.md) - [Commits](form-data/form-data@v4.0.2...v4.0.4) --- updated-dependencies: - dependency-name: form-data dependency-version: 4.0.4 dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Copilot

Pull Request Overview

This PR implements a major UI/UX overhaul with enhanced animations, integrates Tempo devtools for development, and adds Google Meet chat functionality. The changes transform the application from a basic contact card to a dynamic, interactive digital business card with modern animations and improved routing.

Adds Tempo devtools integration for enhanced development experience
Implements new animated UI components with reduced motion support
Integrates Google Meet chat functionality replacing the previous live chat system

Reviewed Changes

Copilot reviewed 30 out of 40 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
vite.config.ts	Adds Tempo devtools configuration and build optimizations
src/routes/index.tsx	Implements React Router with conditional Tempo routes
src/pages/LiveChat/index.tsx	Creates new live chat page component
src/main.tsx	Updates to use React Router and initializes Tempo devtools
src/components/ui/ButtonRipple.tsx	Adds new ripple effect button component
src/components/ui/AnimatedCardReveal.tsx	Implements circuit-themed card reveal animation
src/components/chat/useChatState.ts	Updates chat state management with environment variables
src/components/ContactButtons.tsx	Replaces email buttons with Google Meet integration
src/App.tsx	Adds background image and animated card wrapper

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-09-19T16:21:50Z

src/pages/LiveChat/index.tsx

+
+export function LiveChat() {
+  const { language, toggleLanguage, t } = useLanguage();
+  const [isDark, setIsDark] = React.useState(() => {


Missing React import. The component uses React.useState but React is not imported.

Copilot · 2025-09-19T16:21:51Z

src/components/chat/useChatState.ts

+        import.meta.env.VITE_EMAILJS_SERVICE_ID || "service_w523fo9";
+      const templateId =
+        import.meta.env.VITE_EMAILJS_TEMPLATE_ID || "template_oxo5oyw";
+      const userId =
+        import.meta.env.VITE_EMAILJS_USER_ID || "AdrLQxBNJX5QgN1ZX";


Hardcoded fallback values expose sensitive EmailJS credentials. These fallback values should be removed or replaced with generic placeholders to prevent credential exposure.

Suggested change

import.meta.env.VITE_EMAILJS_SERVICE_ID || "service_w523fo9";

const templateId =

import.meta.env.VITE_EMAILJS_TEMPLATE_ID || "template_oxo5oyw";

const userId =

import.meta.env.VITE_EMAILJS_USER_ID || "AdrLQxBNJX5QgN1ZX";

import.meta.env.VITE_EMAILJS_SERVICE_ID || "YOUR_EMAILJS_SERVICE_ID";

const templateId =

import.meta.env.VITE_EMAILJS_TEMPLATE_ID || "YOUR_EMAILJS_TEMPLATE_ID";

const userId =

import.meta.env.VITE_EMAILJS_USER_ID || "YOUR_EMAILJS_USER_ID";

Copilot · 2025-09-19T16:21:51Z

src/components/chat/AdminLogin.tsx

  const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault();
-    if (email === 'hlarosesurprenant@gmail.com' && password === 'Wintersun6?6') {
+    // Using environment variables or a secure authentication method would be better
+    // This is a temporary fix to remove hardcoded credentials
+    if (email === "admin@example.com" && password === "adminpassword") {
      onLogin();
-      setError('');
+      setError("");
    } else {


Hardcoded admin credentials present a serious security vulnerability. These should be removed and replaced with a proper authentication system or environment variables.

Copilot · 2025-09-19T16:21:51Z

vite.config.ts

+    // @ts-ignore
+    allowedHosts: process.env.TEMPO === "true" ? true : undefined,


Use of @ts-ignore suppresses TypeScript errors without addressing the underlying type issue. Consider using proper type assertion or updating the type definitions instead.

Suggested change

// @ts-ignore

allowedHosts: process.env.TEMPO === "true" ? true : undefined,

Copilot · 2025-09-19T16:21:52Z

src/components/ContactButtons.tsx

+          onClick={() => {
+            window.open(
+              `https://${t.buttons.linkedin === "LinkedIn" ? "linkedin.com/in/hubertls/" : "linkedin.com/in/hubertls/"}`,
+              "_blank",
+              "noopener,noreferrer",
+            );
+          }}


The ternary operator always returns the same URL regardless of the condition. This logic appears to be incorrect and should either use different URLs or be simplified.

Copilot · 2025-09-19T16:21:52Z

src/LiveChat.tsx

+import React from 'react';
+import { useLanguage } from './hooks/useLanguage';
+import { ChatInterface } from './components/ChatInterface';
+import { Languages, ArrowLeft } from 'lucide-react';
+
+export function LiveChat() {
+  const { language, toggleLanguage, t } = useLanguage();
+  const [isDark, setIsDark] = React.useState(() => {
+    if (typeof window !== 'undefined') {
+      return window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
+    return false;
+  });
+
+  const handleBack = () => {
+    window.location.href = '/';
+  };
+
+  return (
+    <div className={`min-h-screen ${
+      isDark ? 'bg-gray-900' : 'bg-gray-50'
+    }`}>
+      <header className={`p-4 ${
+        isDark ? 'bg-gray-800' : 'bg-white'
+      } shadow-sm`}>
+        <div className="max-w-4xl mx-auto flex items-center justify-between">
+          <button
+            onClick={handleBack}
+            className={`flex items-center gap-2 px-3 py-1.5 rounded-lg transition-colors ${
+              isDark 
+                ? 'text-gray-300 hover:bg-gray-700' 
+                : 'text-gray-600 hover:bg-gray-100'
+            }`}
+          >
+            <ArrowLeft size={18} />
+            <span>Back</span>
+          </button>
+          <div className="flex items-center gap-4">
+            <button
+              onClick={toggleLanguage}
+              className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg transition-colors ${
+                isDark 
+                  ? 'text-gray-300 hover:bg-gray-700' 
+                  : 'text-gray-600 hover:bg-gray-100'
+              }`}
+            >
+              <Languages size={18} />
+              <span>{language.toUpperCase()}</span>
+            </button>
+            <button
+              onClick={() => setIsDark(!isDark)}
+              className={`px-3 py-1.5 rounded-lg transition-colors ${
+                isDark 
+                  ? 'bg-gray-700 text-gray-300 hover:bg-gray-600' 
+                  : 'bg-gray-100 text-gray-600 hover:bg-gray-200'
+              }`}
+            >
+              {isDark ? 'Light Mode' : 'Dark Mode'}
+            </button>
+          </div>
+        </div>
+      </header>
+
+      <main className="max-w-4xl mx-auto p-4">
+        <div className={`rounded-2xl shadow-lg overflow-hidden ${
+          isDark ? 'bg-gray-800' : 'bg-white'
+        }`}>
+          <ChatInterface
+            isOpen={true}
+            onClose={() => {}}
+            isDark={isDark}
+            isEmbedded={true}
+            t={t}
+          />
+        </div>
+      </main>
+    </div>
+  );
+}
+
+export default LiveChat;


This file appears to be duplicate functionality of the LiveChat page component in src/pages/LiveChat/index.tsx. Consider removing this duplicate file to avoid confusion and maintenance issues.

Suggested change

import React from 'react';

import { useLanguage } from './hooks/useLanguage';

import { ChatInterface } from './components/ChatInterface';

import { Languages, ArrowLeft } from 'lucide-react';

export function LiveChat() {

const { language, toggleLanguage, t } = useLanguage();

const [isDark, setIsDark] = React.useState(() => {

if (typeof window !== 'undefined') {

return window.matchMedia('(prefers-color-scheme: dark)').matches;

}

return false;

});

const handleBack = () => {

window.location.href = '/';

};

return (

<div className={`min-h-screen ${

isDark ? 'bg-gray-900' : 'bg-gray-50'

}`}>

<header className={`p-4 ${

isDark ? 'bg-gray-800' : 'bg-white'

} shadow-sm`}>

<div className="max-w-4xl mx-auto flex items-center justify-between">

<button

onClick={handleBack}

className={`flex items-center gap-2 px-3 py-1.5 rounded-lg transition-colors ${

isDark

? 'text-gray-300 hover:bg-gray-700'

: 'text-gray-600 hover:bg-gray-100'

}`}

>

<ArrowLeft size={18} />

<span>Back</span>

</button>

<div className="flex items-center gap-4">

<button

onClick={toggleLanguage}

className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg transition-colors ${

isDark

? 'text-gray-300 hover:bg-gray-700'

: 'text-gray-600 hover:bg-gray-100'

}`}

>

<Languages size={18} />

<span>{language.toUpperCase()}</span>

</button>

<button

onClick={() => setIsDark(!isDark)}

className={`px-3 py-1.5 rounded-lg transition-colors ${

isDark

? 'bg-gray-700 text-gray-300 hover:bg-gray-600'

: 'bg-gray-100 text-gray-600 hover:bg-gray-200'

}`}

>

{isDark ? 'Light Mode' : 'Dark Mode'}

</button>

</div>

</div>

</header>

<main className="max-w-4xl mx-auto p-4">

<div className={`rounded-2xl shadow-lg overflow-hidden ${

isDark ? 'bg-gray-800' : 'bg-white'

}`}>

<ChatInterface

isOpen={true}

onClose={() => {}}

isDark={isDark}

isEmbedded={true}

t={t}

/>

</div>

</main>

</div>

);

}

export default LiveChat;

Copilot · 2025-09-19T16:21:53Z

src/components/SocialLinks.tsx

+  // This component is no longer used as the buttons have been moved to ContactButtons
+  return null;


Component returns null and contains a comment indicating it's unused. Consider removing this component entirely if it's no longer needed to reduce code clutter.

…ty-patch Adjust Gmail compose button behavior

…upport keywords

hlsitechio added 4 commits November 5, 2024 12:42

Create webpack.yml

b2fe762

Update 2 with new chat link

a948e49

https://hlsitech.com/livechat

remove webpack

ff46a1b

update

22668a3

hlsitechio added 2 commits March 12, 2025 17:58

update package.json

8da2b8d

google meet link

b92c82b

Copilot AI review requested due to automatic review settings September 19, 2025 16:20

Copilot AI reviewed Sep 19, 2025

View reviewed changes

hlsitechio added 9 commits October 8, 2025 19:58

Update Gmail contact button behavior

10e4f59

Refine Gmail compose handling

6bed5ae

Merge pull request #7 from hlsitechio/codex/fix-bugs-and-apply-securi…

57d5ce2

…ty-patch Adjust Gmail compose button behavior

Add sitemap.xml for SEO optimization with South Shore Montreal tech s…

9c1c503

…upport keywords

Deleted _redirects

c6e5c76

Updated package-lock.json

4229dd0

Updated vite.config.ts

c487bab

Updated vite.config.ts

0151750

Updated ContactButtons.tsx

65a4f3e

hlsitechio merged commit 65a4f3e into main Oct 23, 2025
5 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Main2 #3

Main2 #3

Uh oh!

hlsitechio commented Mar 12, 2025

Uh oh!

bolt-new-by-stackblitz bot commented Mar 12, 2025

Uh oh!

docs-page bot commented Mar 12, 2025

Uh oh!

netlify bot commented Mar 12, 2025 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Copilot AI Sep 19, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		// @ts-ignore
		allowedHosts: process.env.TEMPO === "true" ? true : undefined,

		// This component is no longer used as the buttons have been moved to ContactButtons
		return null;

Main2 #3

Main2 #3

Uh oh!

Conversation

hlsitechio commented Mar 12, 2025

Uh oh!

bolt-new-by-stackblitz bot commented Mar 12, 2025

Uh oh!

docs-page bot commented Mar 12, 2025

Uh oh!

netlify bot commented Mar 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for hlsitech ready!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

netlify bot commented Mar 12, 2025 •

edited

Loading