fix

2025-11-11 01:57:00 +01:00
parent 26798ac430
commit 3fe325c4ce
2 changed files with 82 additions and 99 deletions
@@ -139,96 +139,92 @@ const DocumentsList = ({
                  <FolderIcon className="thumb-icon__image" size={32} />
                </div>
              </td>
-              <td className="doc-list__name" colSpan={3}>
-                <div className="folder-row__columns">
-                  <div className="folder-row__primary">
-                    <div className="doc-list__name-content">
-                      <span className="doc-name__title">
-                        <span className="doc-name__primary">
-                          {isFolderEditing ? (
-                            <span className="doc-title-edit">
-                              <input
-                                type="text"
-                                ref={attachFolderInputRef}
-                                value={folderDraftValue}
-                                onChange={(event) => setFolderDraft(event.target.value)}
-                                onClick={(event) => event.stopPropagation()}
-                                onKeyDown={(event) => {
-                                  if (event.key === 'Enter') {
-                                    event.preventDefault();
-                                    submitFolderEditing(folder);
-                                  } else if (event.key === 'Escape') {
-                                    event.preventDefault();
-                                    cancelFolderEditing(event);
-                                  }
-                                }}
-                                onBlur={(event) => {
-                                  const nextFocus = event.relatedTarget;
-                                  if (!nextFocus || !event.currentTarget.parentElement?.contains(nextFocus)) {
-                                    cancelFolderEditing();
-                                  }
-                                }}
-                              />
-                              <button
-                                type="button"
-                                className="icon-button"
-                                aria-label="Save name"
-                                title="Save name"
-                                disabled={!canSubmitFolder || isFolderSaving}
-                                onClick={(event) => {
-                                  event.stopPropagation();
-                                  submitFolderEditing(folder);
-                                }}
-                              >
-                                <CheckIcon />
-                              </button>
-                              <button
-                                type="button"
-                                className="icon-button"
-                                aria-label="Cancel"
-                                title="Cancel"
-                                onClick={(event) => {
-                                  cancelFolderEditing(event);
-                                }}
-                              >
-                                <CloseIcon />
-                              </button>
-                            </span>
-                          ) : (
-                            <span
-                              className="doc-name__primary-text"
-                              role={allowInlineFolderEdit ? 'button' : undefined}
-                              tabIndex={allowInlineFolderEdit ? 0 : undefined}
-                              onClick={(event) => {
-                                if (!allowInlineFolderEdit) {
-                                  return;
-                                }
+              <td className="doc-list__name">
+                <div className="doc-list__name-content">
+                  <span className="doc-name__title">
+                    <span className="doc-name__primary">
+                      {isFolderEditing ? (
+                        <span className="doc-title-edit">
+                          <input
+                            type="text"
+                            ref={attachFolderInputRef}
+                            value={folderDraftValue}
+                            onChange={(event) => setFolderDraft(event.target.value)}
+                            onClick={(event) => event.stopPropagation()}
+                            onKeyDown={(event) => {
+                              if (event.key === 'Enter') {
                                event.preventDefault();
-                                event.stopPropagation();
-                                beginFolderEditing(folder);
-                              }}
-                              onKeyDown={(event) => {
-                                if (!allowInlineFolderEdit) {
-                                  return;
-                                }
-                                if (event.key === 'Enter') {
-                                  event.preventDefault();
-                                  event.stopPropagation();
-                                  beginFolderEditing(folder);
-                                }
-                              }}
-                            >
-                              {folder.name}
-                            </span>
-                          )}
+                                submitFolderEditing(folder);
+                              } else if (event.key === 'Escape') {
+                                event.preventDefault();
+                                cancelFolderEditing(event);
+                              }
+                            }}
+                            onBlur={(event) => {
+                              const nextFocus = event.relatedTarget;
+                              if (!nextFocus || !event.currentTarget.parentElement?.contains(nextFocus)) {
+                                cancelFolderEditing();
+                              }
+                            }}
+                          />
+                          <button
+                            type="button"
+                            className="icon-button"
+                            aria-label="Save name"
+                            title="Save name"
+                            disabled={!canSubmitFolder || isFolderSaving}
+                            onClick={(event) => {
+                              event.stopPropagation();
+                              submitFolderEditing(folder);
+                            }}
+                          >
+                            <CheckIcon />
+                          </button>
+                          <button
+                            type="button"
+                            className="icon-button"
+                            aria-label="Cancel"
+                            title="Cancel"
+                            onClick={(event) => {
+                              cancelFolderEditing(event);
+                            }}
+                          >
+                            <CloseIcon />
+                          </button>
                        </span>
-                      </span>
-                    </div>
-                  </div>
-                  <div className="folder-row__meta">—</div>
-                  <div className="folder-row__meta">—</div>
+                      ) : (
+                        <span
+                          className="doc-name__primary-text"
+                          role={allowInlineFolderEdit ? 'button' : undefined}
+                          tabIndex={allowInlineFolderEdit ? 0 : undefined}
+                          onClick={(event) => {
+                            if (!allowInlineFolderEdit) {
+                              return;
+                            }
+                            event.preventDefault();
+                            event.stopPropagation();
+                            beginFolderEditing(folder);
+                          }}
+                          onKeyDown={(event) => {
+                            if (!allowInlineFolderEdit) {
+                              return;
+                            }
+                            if (event.key === 'Enter') {
+                              event.preventDefault();
+                              event.stopPropagation();
+                              beginFolderEditing(folder);
+                            }
+                          }}
+                        >
+                          {folder.name}
+                        </span>
+                      )}
+                    </span>
+                  </span>
                </div>
              </td>
+              <td>—</td>
+              <td>—</td>
            </tr>
          );
        }