Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / genremedia08 / musicjukebox.overlookedtracks.com / resources / client / web-player / reposts /

Editing: use-toggle-repost.ts

import {BackendResponse} from '@common/http/backend-response/backend-response';
import {useMutation} from '@tanstack/react-query';
import {apiClient, queryClient} from '@common/http/query-client';
import {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';
import {Track} from '@app/web-player/tracks/track';
import {Album} from '@app/web-player/albums/album';
import {userReposts} from '@app/web-player/library/state/reposts-store';

interface Response extends BackendResponse {
  action: 'added' | 'removed';
}

interface Payload {
  repostable: Track | Album;
}

export function useToggleRepost() {
  return useMutation((payload: Payload) => toggleRepost(payload), {
    onSuccess: (response, {repostable}) => {
      if (response.action === 'added') {
        userReposts().add([repostable]);
      } else {
        userReposts().remove([repostable]);
      }
      queryClient.invalidateQueries(['reposts']);
    },
    onError: r => showHttpErrorToast(r),
  });
}

function toggleRepost({repostable}: Payload): Promise<Response> {
  const payload = {
    repostable_id: repostable.id,
    repostable_type: repostable.model_type,
  };
  return apiClient.post('reposts/toggle', payload).then(r => r.data);
}