victor HF Staff Claude commited on
Commit
ed747b1
·
1 Parent(s): aefc56e

refactor: Use anchor tag instead of button for external link

Browse files

Replaced button with onClick handler with a proper anchor tag using
target="_blank" for opening the new version link. Added rel="noopener
noreferrer" for security.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/redirect-modal/redirect-modal.tsx CHANGED
@@ -11,10 +11,6 @@ const RedirectModal = ({ onDismiss }: RedirectModalProps) => {
11
  setIsVisible(true);
12
  }, []);
13
 
14
- const handleRedirect = () => {
15
- window.location.href = "https://deepsite.hf.co/";
16
- };
17
-
18
  return (
19
  <div
20
  className={`fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300 ${
@@ -34,12 +30,14 @@ const RedirectModal = ({ onDismiss }: RedirectModalProps) => {
34
  using the latest version for the best experience and newest features.
35
  </p>
36
  <div className="flex gap-4">
37
- <button
38
- onClick={handleRedirect}
39
- className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200"
 
 
40
  >
41
  Go to Latest Version
42
- </button>
43
  <button
44
  onClick={onDismiss}
45
  className="flex-1 bg-gray-700 hover:bg-gray-600 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200"
 
11
  setIsVisible(true);
12
  }, []);
13
 
 
 
 
 
14
  return (
15
  <div
16
  className={`fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300 ${
 
30
  using the latest version for the best experience and newest features.
31
  </p>
32
  <div className="flex gap-4">
33
+ <a
34
+ href="https://deepsite.hf.co/"
35
+ target="_blank"
36
+ rel="noopener noreferrer"
37
+ className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200 text-center"
38
  >
39
  Go to Latest Version
40
+ </a>
41
  <button
42
  onClick={onDismiss}
43
  className="flex-1 bg-gray-700 hover:bg-gray-600 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200"