message: fixed the loading sign while creating new folder
diff: @@ -243,6 +243,7 @@ export function Detail() {
  const bucketList = useBucketList(bucket.data.name, prefix!);
  const prefetch = useBucketListPrefetch();
  const uploadFile = useUploadFile();
  + const uploadFolder = useUploadFile();
  const deleteFile = useDeleteFile();
  const deleteFolder = useDeleteFile();
  const [scrollRestoration, setScrollRestoration] = useAtom(
  @@ -371,7 +372,7 @@ export function Detail() {
  </ToolbarButton>
  <ToolbarButton as="label" htmlFor="upload">
  - {uploadFile.isLoading && !isCreating ? (
  + {uploadFile.isLoading ? (
  <ToolbarSpinner size="sm" />
  ) : (
  <AiOutlineUpload size={16} />
  @@ -406,7 +407,7 @@ export function Detail() {
  <Explorer ref={explorerRef}>
  {isCreating && (
  <ExplorerRow>
  - {uploadFile.isLoading ? (
  + {uploadFolder.isLoading ? (
  <ExplorerRowSpinner size="sm" />
  ) : (
  <AiOutlineFolderOpen size={16} />
  @@ -415,14 +416,14 @@ export function Detail() {
  <ExplorerCreateInput
  autoFocus
  placeholder="New folder name..."
  - disabled={uploadFile.isLoading}
  + disabled={uploadFolder.isLoading}
  onBlur={() => setIsCreating(false)}
  onKeyPress={async (e) => {
  // @ts-expect-error
  const value = e.target.value;
  const key = prefix + value.trim() + "/";
  if (e.key === "Enter") {
  - await uploadFile.mutateAsync({
  + await uploadFolder.mutateAsync({
  bucket: bucket.data.name,
  key,
  prefetch,
  @@ -443,7 +444,7 @@ export function Detail() {
  </ExplorerRow>
  )}
  {bucketList.data?.pages.map((page, pageIndex) => (
  - <div data-page={pageIndex}>
  + <div data-page={pageIndex} key={pageIndex}>
  {[
  ...(page.CommonPrefixes?.map((x) => ({
  type: "dir" as const,
  