jq-github-example2.js

function toggleBookmark(repoId) {
  const selectedRepo = repos.find(repo => repo.id === repoId);
  selectedRepo.is_saved = !selectedRepo.is_saved;

  $('#app').html(repoList.render({ repos: repos }));

  if (selectedRepo.is_saved) {
    const { full_name } = selectedRepo;
    createBookmark(repoId, full_name);
  } else {
    deleteBookmark(repoId);
  }
}

function createBookmark(repoId, fullName) {
  $.ajax({
    method: 'POST',
    contentType: 'application/json',
    url: '/api/v1/bookmarks',
    data: JSON.stringify({ repo_id: repoId, full_name: fullName }),
    error: (jqXHR, textStatus, error) => {
      showNotification(`${error}: ${jqXHR.responseJSON.message}`);

      const selectedRepo = repos.find(repo => repo.id === repoId);
      selectedRepo.is_saved = !selectedRepo.is_saved;

      $('#app').html(repoList.render({ repos: repos }));
    },
  });
}

function deleteBookmark(repoId) {
  $.ajax({
    method: 'DELETE',
    contentType: 'json',
    url: `/api/v1/bookmarks/${repoId}`,
    error: (jqXHR, textStatus, error) => {
      showNotification(error);

      const selectedRepo = repos.find(repo => repo.id === repoId);
      selectedRepo.is_saved = selectedRepo.is_saved;

      $('#app').html(repoList.render({ repos: repos }));
    },
  });
}

$(document).on('click', '.more-repo-btn', () => {
  fetchPublicRepos(page++);
});
$(document).on('click', '.bookmark', (e) => {
  e.preventDefault();
  const repoId = parseInt($(e.currentTarget).data('repo-id'), 10);
  toggleBookmark(repoId);
});