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

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

@@ -255,67 +255,102 @@ class GoogleDriveSave extends React.Component {
         );
     }
 
-    renderFileItem(project, thumbnailFiles) {
-        const thumbnail = thumbnailFiles.find(
-            thumb => thumb.name === `Scratch-Thumbnail-${project.id}.png`
-        );
+renderFileItem(project, thumbnailFiles) {
+    const thumbnail = thumbnailFiles.find(
+        thumb => thumb.name === `Scratch-Thumbnail-${project.id}.png`
+    );
+
+    return (
+        <div key={project.id} className={styles.fileItem}>
+            <div className={styles.thumbnailContainer}>
+                {thumbnail ? (
+                    <img 
+                        src={`https://drive.google.com/thumbnail?id=${thumbnail.id}&sz=w300`}
+                        alt="プロジェクトサムネイル"
+                        className={styles.thumbnail}
+                    />
+                ) : (
+                    <div className={styles.thumbnailPlaceholder}>
+                        サムネイルなし
+                    </div>
+                )}
+            </div>
+            
+            <h3 className={styles.fileName}>
+                {project.name.replace('.s4s.txt', '')}
+            </h3>
+            
+            {this.renderShareLink(project.id)}
+            
+            <div className={styles.buttonGroup}>
+                <button 
+                    onClick={() => this.handleLoadFile(project)}
+                    className={styles.actionButton}
+                    disabled={this.state.isProcessing}
+                >
+                    読み込む
+                </button>
+                <button 
+                    onClick={() => this.handleReplaceFile(project)}
+                    className={styles.actionButton}
+                    disabled={this.state.isProcessing}
+                >
+                    上書き
+                </button>
+                <button 
+                    onClick={() => this.handleShareFile(project.id)}
+                    className={classNames(styles.actionButton, styles.shareButton)}
+                    disabled={this.state.isProcessing}
+                >
+                    共有
+                </button>
+                <button 
+                    onClick={() => this.handleDeleteFile(project, thumbnailFiles)}
+                    className={classNames(styles.actionButton, styles.deleteButton)}
+                    disabled={this.state.isProcessing}
+                >
+                    削除
+                </button>
+            </div>
 
-        return (
-            <div key={project.id} className={styles.fileItem}>
-                <div className={styles.thumbnailContainer}>
-                    {thumbnail ? (
-                        <img 
-                            src={`https://drive.google.com/thumbnail?id=${thumbnail.id}&sz=w300`}
-                            alt="プロジェクトサムネイル"
-                            className={styles.thumbnail}
-                        />
-                    ) : (
-                        <div className={styles.thumbnailPlaceholder}>
-                            サムネイルなし
-                        </div>
-                    )}
-                </div>
-                
-                <h3 className={styles.fileName}>
-                    {project.name.replace('.s4s.txt', '')}
-                </h3>
-                
-                {this.renderShareLink(project.id)}
-                
-                <div className={styles.buttonGroup}>
-                    <button 
-                        onClick={() => this.handleLoadFile(project)}
-                        className={styles.actionButton}
-                        disabled={this.state.isProcessing}
-                    >
-                        読み込む
-                    </button>
-                    <button 
-                        onClick={() => this.handleReplaceFile(project)}
-                        className={styles.actionButton}
-                        disabled={this.state.isProcessing}
-                    >
-                        上書き
-                    </button>
-                    <button 
-                        onClick={() => this.handleShareFile(project.id)}
-                        className={classNames(styles.actionButton, styles.shareButton)}
-                        disabled={this.state.isProcessing}
-                    >
-                        共有
-                    </button>
-                    <button 
-                        onClick={() => this.handleDeleteFile(project, thumbnailFiles)}
-                        className={classNames(styles.actionButton, styles.deleteButton)}
-                        disabled={this.state.isProcessing}
-                    >
-                        削除
-                    </button>
-                </div>
+            {/* ここにアクセス権限設定のドロップダウンを追加 */}
+            <div className={styles.permissionDropdown}>
+                <label>アクセス権限: </label>
+                <select
+                    value={this.state.sharePermission}
+                    onChange={(e) => this.updateFilePermission(project.id, e.target.value)}
+                    disabled={this.state.isProcessing}
+                >
+                    <option value="reader">閲覧のみ</option>
+                    <option value="writer">編集可能</option>
+                    <option value="owner">所有者</option>
+                </select>
             </div>
-        );
-    }
+        </div>
+    );
+}
 
+updateFilePermission = async (fileId, permission) => {
+    this.setState({isProcessing: true});
+    try {
+        await fetch(`https://www.googleapis.com/drive/v3/files/${fileId}/permissions/anyone`, {
+            method: "PATCH",
+            headers: {
+                Authorization: `Bearer ${this.state.accessToken}`,
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                role: permission,
+            }),
+        });
+        alert("success", "アクセス権限を更新しました");
+    } catch (error) {
+        console.error("権限更新エラー:", error);
+        alert("error", "アクセス権限の更新に失敗しました");
+    } finally {
+        this.setState({isProcessing: false});
+    }
+};
     renderShareLink(fileId) {
         const SHORT_URL = "https://s4.rf.gd/";