0

I am working on a project which is done in Rails Hotwire where devise gem has been used for authentication and, in frontend Stimulus.js has been used. Instead of using link_to , I want to write an API with delete method, to refresh like: cookies, token , cause time delay is taking some time to remove all which is creating an issue:

My initial Code:

<%= link_to '/api/v2/iam/users/sign_out', method: :delete, data: { action: 'click->biz-account#logout' } do %>
  <button class="hidden lg:block btn--outlined py-[16px]" data-cy="logout"><%= I18n.t('biz.log_out') %></button>
<% end %>

biz-account.js

logout() {
setTimeout(() => {
  location.href = '/'
 }, 300);
}

Now, I want to call the delete API from the view part, done the whole delete thing in javascript api. How to do this?

I tried to do this, which is not working:

app/javascript/services/api_calls.js

export const logout = 
  function () {
  call(
   '/api/v2/iam/users/sign_out',
  {},
  function (value) {
    if (value.message) {
      window.alert = 
       openSnackbar(value.message, 'success')
    } else {
       window.alert = 
        openSnackbar(value.errors, 'error')
    }
    callback(value);
  },
  {verb: 'DELETE'})
}
RABEYA KHATUN MUNA
  • 37
  • 3

1 Answers1

0

If you want to do it with javascript you could use the Fetch API to make the request and then wait for the response and check if it was successful or not.

If you wanted to use no javascript instead of using a link you could switch to using a button than it would redirect to wherever the backend points it.

Also if you are using hotwire you change the method: option on the link to use the hotwire method then it will follow the redirect from the backend

link_to "api", method: :delete  # With rails UJS
link_to "api", data: { turbo_method: :delete } # With hotwire
yungindigo
  • 241
  • 1
  • 6