Update Turbo flow through snippet share screens

Author: rossta

app/javascript/controllers/snippets/tweet.ts

@@ -1,3 +1,4 @@
+import { Turbo } from '@hotwired/turbo-rails';
 import { Controller } from '@hotwired/stimulus';
 
 import debug from '../../utils/debug';
@@ -18,6 +19,7 @@ export default class extends Controller {
 
     if (this.autoValue) {
       this.tweet();
+      Turbo.visit(this.urlValue);
     }
   }
 

app/views/share/snippet_screenshots/form.rb

@@ -27,7 +27,9 @@ def view_template
       render CodeBlock::Snippet.new(snippet, screenshot: true, data: {snippet_screenshot_target: "snippet"})
 
       fieldset do
-        plain form.button "Share", class: "button primary", data: {snippet_screenshot_target: "submitButton"}
+        plain form.button "Share",
+          class: "button primary",
+          data: {snippet_screenshot_target: "submitButton"}
       end
     end
   end

app/views/share/snippet_screenshots/new.html.erb

@@ -1,6 +1,6 @@
 <%= render Pages::Header.new(title: "Share Snippet: Screenshot") %>
 <div class="section-content container py-gap mb-3xl">
-  <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
+  <%= turbo_frame_tag :snippet_form do %>
     <%= render Share::SnippetScreenshots::Form.new(@snippet, auto: @auto) %>
   <% end %>
 

app/views/share/snippet_tweets/new.html.erb

@@ -1,9 +1,11 @@
 <%= render Pages::Header.new(title: "Share Snippet") %>
 <div class="section-content container py-gap mb-3xl">
-  <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
+  <%= turbo_frame_tag :snippet_form do %>
     <%= render Share::SnippetTweets::Tweet.new(@snippet, auto: @auto) %>
   <% end %>
 
+  <br>
+
   <div>
     <%= link_to "Back to snippets", share_snippets_path %>
   </div>

app/views/share/snippet_tweets/tweet.rb

@@ -23,8 +23,8 @@ def view_template
       )
 
       flex_block do
-        button_tag "Tweet",
-          class: class_names("button", "primary", hidden: auto?),
+        button_tag "Share",
+          class: class_names("button", "primary"),
           data: {action: "click->snippet-tweet#tweet"}
       end
     end

app/views/share/snippets/edit.html.erb

@@ -4,6 +4,8 @@
     <%= render Share::Snippets::Form.new(@snippet) %>
   <% end %>
 
+  <br>
+
   <div>
     <%= link_to "Show this snippet", share_snippet_path(@snippet) %> |
     <%= link_to "Back to snippets", share_snippets_path %>

app/views/share/snippets/new.html.erb

@@ -1,6 +1,6 @@
 <%= render Pages::Header.new(title: "Snippet Share") %>
 <div class="section-content container py-gap mb-3xl">
-  <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
+  <%= turbo_frame_tag :snippet_form, data: {turbo_action: "replace"} do %>
     <%= render Share::Snippets::Form.new(@snippet) %>
   <% end %>
 

app/views/share/snippets/show.html.erb

@@ -12,14 +12,16 @@
 
 <%= render Pages::Header.new(title: "Snippet Share") %>
 <div class="section-content container py-gap mb-3xl">
-  <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
+  <%= turbo_frame_tag :snippet_form do %>
     <%= render CodeBlock::Snippet.new(@snippet) %>
   <% end %>
 
   <div>
     <%= render Share::Snippets::Toolbar.new(@snippet, current_user: current_user) %>
   </div>
 
+  <br>
+
   <div>
     <%= link_to "Back to snippets", share_snippets_path %>
   </div>