Update src/components/menu-bar/google-drive-save.jsx

src/components/menu-bar/google-drive-save.jsx

@@ -37,42 +37,39 @@ class GoogleDriveSave extends React.Component {
             this.handleCloseModal();
         }
     };
-    startGoogleLogin = () => {
-        const CLIENT_ID = "1033286471224-n9mv8l869fqikubj2e8q92n8ige3qr6r.apps.googleusercontent.com";
-        const REDIRECT_URI = "https://soiz1-s4s-upload.hf.space/close2";
-        const SCOPES = "https://www.googleapis.com/auth/drive.file";
-        
-        const messageListener = (event) => {
-            if (event.data.token) {
-                window.removeEventListener("message", messageListener);
-                this.setState({
-                    accessToken: event.data.token,
-                    currentAccountEmail: event.data.email || null,
-                    currentAccountName: event.data.name || null,
-                    isModalOpen: true
-                });
-                
-                localStorage.setItem('googleDriveAccessToken', event.data.token);
-                if (event.data.email) {
-                    localStorage.setItem('googleDriveAccountEmail', event.data.email);
-                }
-                if (event.data.name) {
-                    localStorage.setItem('googleDriveAccountName', event.data.name);
-                }
-                
-                this.fetchDriveFiles(event.data.token);
-            }
-        };
-        window.addEventListener("message", messageListener);
-
-        const authUrl = `https://accounts.google.com/o/oauth2/auth?` +
-            `client_id=${CLIENT_ID}` +
-            `&redirect_uri=${encodeURIComponent(REDIRECT_URI)}` +
-            `&response_type=token` +
-            `&scope=${encodeURIComponent(SCOPES)}`;
-        
-        window.open(authUrl, "_blank", "width=500,height=600");
+startGoogleLogin = () => {
+    // 既存のトークン情報をクリア
+    localStorage.removeItem('googleDriveAccessToken');
+    localStorage.removeItem('googleDriveAccountEmail');
+    localStorage.removeItem('googleDriveAccountName');
+    
+    const CLIENT_ID = "1033286471224-n9mv8l869fqikubj2e8q92n8ige3qr6r.apps.googleusercontent.com";
+    const REDIRECT_URI = "https://soiz1-s4s-upload.hf.space/close2";
+    const SCOPES = "https://www.googleapis.com/auth/drive.file";
+    
+    const messageListener = (event) => {
+        if (event.data.token) {
+            window.removeEventListener("message", messageListener);
+            this.setState({
+                accessToken: event.data.token,
+                currentAccountEmail: event.data.email || null,
+                currentAccountName: event.data.name || null,
+                isModalOpen: true
+            });
+            
+            this.fetchDriveFiles(event.data.token);
+        }
     };
+    window.addEventListener("message", messageListener);
+
+    const authUrl = `https://accounts.google.com/o/oauth2/auth?` +
+        `client_id=${CLIENT_ID}` +
+        `&redirect_uri=${encodeURIComponent(REDIRECT_URI)}` +
+        `&response_type=token` +
+        `&scope=${encodeURIComponent(SCOPES)}`;
+    
+    window.open(authUrl, "_blank", "width=500,height=600");
+};
 
     fetchDriveFiles = async (accessToken) => {
         this.setState({isLoading: true});
@@ -248,31 +245,37 @@ class GoogleDriveSave extends React.Component {
         );
     }
 
-    renderShareLink(fileId) {
-        const SHORT_URL = "https://s4.rf.gd/";
-        
-        return (
-            <div className={styles.linkContainer}>
-                <div className={styles.linkHeader}>
-                    <span>共有リンク:</span>
-                    <button 
-                        onClick={() => this.copyToClipboard(`${SHORT_URL}${fileId}`)}
-                        className={styles.copyButton}
-                    >
-                        コピー
-                    </button>
-                </div>
-                <a 
-                    href={`${SHORT_URL}${fileId}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className={styles.linkUrl}
+renderShareLink(fileId) {
+    const SHORT_URL = "https://s4.rf.gd/";
+    
+    return (
+        <div className={styles.linkContainer}>
+            <div className={styles.linkHeader}>
+                <span>共有リンク:</span>
+                <button 
+                    onClick={() => this.copyToClipboard(`${SHORT_URL}${fileId}`)}
+                    className={styles.copyButton}
+                >
+                    リンクをコピー
+                </button>
+                <button 
+                    onClick={() => this.copyToClipboard(fileId)}
+                    className={styles.copyButton}
                 >
-                    {`${SHORT_URL}${fileId}`}
-                </a>
+                    IDのみコピー
+                </button>
             </div>
-        );
-    }
+            <a 
+                href={`${SHORT_URL}${fileId}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className={styles.linkUrl}
+            >
+                {`${SHORT_URL}${fileId}`}
+            </a>
+        </div>
+    );
+}
 
     render() {
         return (
@@ -318,15 +321,16 @@ class GoogleDriveSave extends React.Component {
         }
     };
 
-    handleNewFile = async () => {
-        try {
-            await this.saveToGoogleDrive(null, null);
-            alert("success", "新規保存しました");
-        } catch (error) {
-            console.error("新規保存エラー:", error);
-            alert("error", "新規保存に失敗しました");
-        }
-    };
+handleNewFile = async () => {
+    try {
+        await this.saveToGoogleDrive(null, null);
+        alert("success", "新規保存しました");
+        this.fetchDriveFiles(this.state.accessToken);
+    } catch (error) {
+        console.error("新規保存エラー:", error);
+        alert("error", "新規保存に失敗しました");
+    }
+};
 
     handleLoadFile = (project) => {
         const PROXY_URL = "https://soiz1-drive-proxy.hf.space/?file_id=";