From 6c501cc317af30e79325907de56987af055acaf2 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Mon, 20 Oct 2025 17:43:24 -0700
Subject: clean up existing links on import modals

---
 frontend/src/components/modals/DivaNetModal.tsx | 29 ++++++++++++-------------
 1 file changed, 14 insertions(+), 15 deletions(-)

(limited to 'frontend/src/components/modals/DivaNetModal.tsx')

diff --git a/frontend/src/components/modals/DivaNetModal.tsx b/frontend/src/components/modals/DivaNetModal.tsx
index a8eefb7..00babc2 100644
--- a/frontend/src/components/modals/DivaNetModal.tsx
+++ b/frontend/src/components/modals/DivaNetModal.tsx
@@ -82,14 +82,24 @@ const DivaNetModal = ({
               Instructions:
             </h4>
             <ol className="text-sm text-slate-400 space-y-1 list-decimal list-inside">
-              <li>Log into your DIVA.NET account</li>
+              <li>Log into your <a className="font-bold hover:underline" href="https://project-diva-ac.net/divanet/">DIVA.NET account</a></li>
               <li>
-                Navigate to the <a href="https://project-diva-ac.net/divanet/personal/playHistory/0">Play History (プレイ履歴) Page</a>
+                Navigate to the <a className="font-bold hover:underline" href="https://project-diva-ac.net/divanet/personal/playHistory/0">Play History (プレイ履歴) Page</a>
               </li>
               <li>
-                Install the userscript to your browser (use an extension such
-                as Tampermonkey).
+                Install the relevant userscript (use a browser extension like <a className="font-bold hover:underline" href="https://www.tampermonkey.net/">Tampermonkey</a>)
               </li>
+              {/* Additional Info */}
+              <div className="my-2 rounded-md bg-blue-500/10 border border-blue-500/20 p-3">
+                <p className="text-sm text-blue-400">
+                  <a
+                    href="https://github.com/pinapelz/Mirage/raw/refs/heads/main/scripts/projectdiva-arcade/diva_net_history.user.js"
+                    className="font-bold underline"
+                  >
+                    DIVA.NET Recently Played Score Export Userscript (Last 20 Played)
+                  </a>
+                </p>
+              </div>
               <li>
                 A button will appear on the page that you can click to start the scraping process.
               </li>
@@ -98,17 +108,6 @@ const DivaNetModal = ({
             </ol>
           </div>
 
-          {/* Additional Info */}
-          <div className="mb-6 rounded-md bg-blue-500/10 border border-blue-500/20 p-3">
-            <p className="text-sm text-blue-400">
-              <a
-                href="https://github.com/pinapelz/Mirage/raw/refs/heads/main/scripts/projectdiva-arcade/diva_net_history.user.js"
-                className="underline"
-              >
-                DIVA.NET Recently Played Score Export Userscript (Last 20 Played)
-              </a>
-            </p>
-          </div>
 
           {/* Actions */}
           <div className="flex justify-center">
-- 
cgit v1.2.3

