TRICLOPS-13: Present sign in and sign out links (including developer …

…sign-in)
cul · Jun 28, 2024 · 5fa9787 · 5fa9787
1 parent 776bd9b
commit 5fa9787
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/app/javascript/components/App.tsx b/app/javascript/components/App.tsx
@@ -2,19 +2,41 @@ import React, { useState, useEffect } from 'react';
 
 const App = () => {
   const [appVersion, setAppVersion] = useState<string | null>(null);
+  const [userSignedIn, setUserSignedIn] = useState<boolean>(false);
 
   useEffect(() => {
     setAppVersion(document.body.getAttribute('data-app-version'));
+    setUserSignedIn(document.body.getAttribute('data-user-signed-in') == 'true');
   }, [appVersion])
 
   if (!appVersion) {
     return 'Loading...';
   }
 
+  function renderUserSignInLinks() {
+    return userSignedIn
+      ? (
+        <form action="/users/sign_out" method="post">
+          <input type="hidden" name="_method" value="delete" />
+          <input type="hidden"
+            name={
+              document.head.querySelector("[name='csrf-param']").content
+            }
+            value={
+              document.head.querySelector("[name='csrf-token']").content
+            }
+          />
+          <input type="submit" name="commit" value="Sign out" />
+        </form>
+      )
+      : <a href="/users/sign_in">Sign in</a>;
+  }
+
   return (
     <div>
       <h1>Triclops</h1>
       <p>{`Version ${appVersion}`}</p>
+      {renderUserSignInLinks()}
     </div>
   );
 };

diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
@@ -0,0 +1,11 @@
+<h2>Log in</h2>
+
+<%= render "devise/shared/links" %>
+
+<% if Rails.env.development? %>
+  <p>
+    <strong>Development environment only:</strong>
+    <br /><br />
+    <%= link_to 'Sign in with development account', users_development_sign_in_developer_path %>
+  </p>
+<% end %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -19,7 +19,7 @@
     <%= vite_typescript_tag 'application.tsx' %>
   </head>
 
-  <body data-app-version="<%= APP_VERSION %>">
+  <body data-app-version="<%= APP_VERSION %>" data-user-signed-in="<%= user_signed_in? %>">
     <% flash.each do |type, msg| %>
       <div class="alert"><%= msg %></div>
     <% end %>