Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / genremedia08 / musicjukebox.overlookedtracks.com / resources / client / admin / albums-datatable-page /

Editing: create-album-page.tsx

import {useForm} from 'react-hook-form';
import React, {useEffect} from 'react';
import {CrupdateResourceLayout} from '@common/admin/crupdate-resource-layout';
import {Trans} from '@common/i18n/trans';
import {AlbumForm} from '@app/admin/albums-datatable-page/album-form/album-form';
import {
  CreateAlbumPayload,
  useCreateAlbum,
} from '@app/admin/albums-datatable-page/requests/use-create-album';
import {useNavigate} from '@common/utils/hooks/use-navigate';
import {useLocation, useSearchParams} from 'react-router-dom';
import {useNormalizedModel} from '@common/users/queries/use-normalized-model';
import {ARTIST_MODEL} from '@app/web-player/artists/artist';
import {useCurrentDateTime} from '@common/i18n/use-current-date-time';
import {getAlbumLink} from '@app/web-player/albums/album-link';
import {
  FileUploadProvider,
  useFileUploadStore,
} from '@common/uploads/uploader/file-upload-provider';

interface Props {
  wrapInContainer?: boolean;
}
export function CreateAlbumPage({wrapInContainer}: Props) {
  return (
    <FileUploadProvider>
      <PageContent wrapInContainer={wrapInContainer} />
    </FileUploadProvider>
  );
}

useEffect(() => {
    if (artist) {
      form.reset({
        artists: [artist],
      });
    }
  }, [artist, form]);

return (
    <CrupdateResourceLayout
      form={form}
      onSubmit={values => {
        createAlbum.mutate(values, {
          onSuccess: response => {
            if (pathname.includes('admin')) {
              if (artist) {
                navigate(`/admin/artists/${artist.id}/edit`);
              } else {
                navigate('/admin/albums');
              }
            } else {
              navigate(getAlbumLink(response.album));
            }
          },
        });
      }}
      title={<Trans message="Add new album" />}
      isLoading={createAlbum.isLoading || uploadIsInProgress}
      disableSaveWhenNotDirty
      wrapInContainer={wrapInContainer}
    >
      <AlbumForm showExternalIdFields />
    </CrupdateResourceLayout>
  );
}