kaze 0.8.0 → 0.10.0

data/stubs/hotwire/app/views/auth/verify_email.html.erb

@@ -0,0 +1,23 @@
+<div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+  Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn't receive the email, we will gladly send you another.
+</div>
+<% if flash[:status] == 'verification-link-sent' %>
+  <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
+    A new verification link has been sent to the email address you provided during registration.
+  </div>
+<% end %>
+<div class="mt-4 flex items-center justify-between">
+  <form method="POST" action="<%= verification_send_path %>">
+    <div>
+      <%= render(PrimaryButtonComponent.new) do %>
+        Resend Verification Email
+      <% end %>
+    </div>
+  </form>
+  <form method="POST" action="<%= logout_path %>">
+    <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
+    <button type="submit" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+      Log Out
+    </button>
+  </form>
+</div>

data/stubs/hotwire/app/views/profile/partials/_delete_user_form.html.erb

@@ -10,7 +10,7 @@
   <%= render(DangerButtonComponent.new({"x-data": "", "x-on:click.prevent": "$dispatch('open-modal', 'confirm-user-deletion')"})) do %>
     Delete Account
   <% end %>
-  <%= render(ModalComponent.new({ :name => "confirm-user-deletion", :show => @delete_user_form.error_messages.has_key?(:password), :focusable => true })) do %>
+  <%= render(ModalComponent.new({ name: "confirm-user-deletion", show: @delete_user_form.error_messages.has_key?(:password), focusable: true })) do %>
     <turbo-frame id="delete_user_form">
       <%= form_with model: @delete_user_form, url: profile_destroy_path, method: "delete", class: "p-6" do %>
         <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">

data/stubs/hotwire/app/views/profile/partials/_update_profile_information_form.html.erb

@@ -8,6 +8,9 @@
         Update your account's profile information and email address.
       </p>
     </header>
+    <form id="send-verification" method="post" action="<%= verification_send_path %>">
+      <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
+    </form>
     <%= form_with model: @update_profile_information_form, url: profile_update_path, method: "patch", class: "mt-6 space-y-6" do %>
       <!-- Name -->
       <div>
@@ -20,6 +23,21 @@
         <%= render(InputLabelComponent.new({ for: "email", value: "Email" })) %>
         <%= render(TextInputComponent.new({ id: "email", class: "block mt-1 w-full", type: "email", name: "email", value: @update_profile_information_form.email, required: true, autocomplete: "username" })) %>
         <%= render(InputErrorComponent.new({ class: "mt-2", message: @update_profile_information_form.error_messages[:email] })) %>
+        <% if User.include?(MustVerifyEmail) && !Current.auth.user.has_verified_email? %>
+          <div>
+            <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+              Your email address is unverified.
+              <button form="send-verification" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+                Click here to re-send the verification email.
+              </button>
+            </p>
+            <% if flash[:status] == 'verification-link-sent' %>
+              <p class="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
+                A new verification link has been sent to your email address.
+              </p>
+            <% end %>
+          </div>
+        <% end %>
       </div>
       <div class="flex items-center gap-4">
         <%= render(PrimaryButtonComponent.new) do %>

data/stubs/inertia-common/app/controllers/auth/authenticated_session_controller.rb

@@ -2,17 +2,17 @@ class Auth::AuthenticatedSessionController < ApplicationController
   include RedirectIfAuthenticated
 
   skip_authenticate only: %i[new create]
-  skip_redirect_if_authenticated only: %i[destroy]
+  skip_redirect_if_authenticated only: :destroy
+  skip_ensure_email_is_verified only: :destroy
 
   def new
     render inertia: 'Auth/Login', props: {
-      canResetPassword: true,
       status: flash[:status]
     }
   end
 
   def create
-    form = Auth::LoginForm.new params.permit(:email, :password, :remember)
+    form = Auth::LoginForm.new(params.permit(:email, :password, :remember))
 
     form.authenticate
 

data/stubs/inertia-common/app/controllers/auth/email_verification_notification_controller.rb

@@ -0,0 +1,21 @@
+class Auth::EmailVerificationNotificationController < ApplicationController
+  skip_ensure_email_is_verified
+
+  before_action { redirect_to dashboard_path unless User.include?(MustVerifyEmail) }
+
+  def new
+    return redirect_to dashboard_path if Current.auth.user.has_verified_email?
+
+    render inertia: 'Auth/VerifyEmail', props: {
+      status: flash[:status]
+    }
+  end
+
+  def create
+    return redirect_to dashboard_path if Current.auth.user.has_verified_email?
+
+    Current.auth.user.send_email_verification_notification
+
+    redirect_back_or_to verification_notice_path, flash: { status: 'verification-link-sent' }
+  end
+end

data/stubs/inertia-common/app/controllers/auth/new_password_controller.rb

@@ -10,11 +10,10 @@ class Auth::NewPasswordController < ApplicationController
   end
 
   def create
-    form = Auth::NewPasswordForm.new params.permit(:token, :password, :password_confirmation)
+    form = Auth::NewPasswordForm.new(params.permit(:token, :password, :password_confirmation))
 
     return redirect_to login_path, flash: { status: 'Your password has been reset.' } if form.reset?
 
-    redirect_back_or_to password_reset_path(token: form.token),
-                        inertia: { errors: form.error_messages }
+    redirect_back_or_to password_reset_path(token: form.token), inertia: { errors: form.error_messages }
   end
 end

data/stubs/inertia-common/app/controllers/auth/password_reset_link_controller.rb

@@ -10,10 +10,10 @@ class Auth::PasswordResetLinkController < ApplicationController
   end
 
   def create
-    form = Auth::SendPasswordResetLinkForm.new params.permit(:email)
+    form = Auth::SendPasswordResetLinkForm.new(params.permit(:email))
 
-    return redirect_back_or_to password_request_path, inertia: { errors: form.error_messages } unless form.send_reset_link?
+    return redirect_back_or_to password_request_path, flash: { status: 'We have emailed your password reset link.' } if form.send_reset_link?
 
-    redirect_back_or_to password_request_path, flash: { status: 'We have emailed your password reset link.' }
+    redirect_back_or_to password_request_path, inertia: { errors: form.error_messages }
   end
 end

data/stubs/inertia-common/app/controllers/auth/registered_user_controller.rb

@@ -8,13 +8,17 @@ class Auth::RegisteredUserController < ApplicationController
   end
 
   def create
-    form = Auth::RegisterForm.new params.permit(:name, :email, :password, :password_confirmation)
+    form = Auth::RegisterForm.new(params.permit(:name, :email, :password, :password_confirmation))
 
     return redirect_to register_path, inertia: { errors: form.error_messages } if form.invalid?
 
     user = User.create(name: form.name, email: form.email, password: form.password)
 
-    Current.auth.login user
+    if User.include?(MustVerifyEmail) && !user.has_verified_email?
+      user.send_email_verification_notification
+    end
+
+    Current.auth.login(user)
 
     redirect_to dashboard_path
   end

data/stubs/inertia-common/app/controllers/auth/verified_email_controller.rb

@@ -0,0 +1,23 @@
+class Auth::VerifiedEmailController < ApplicationController
+  include ValidateSignature
+
+  skip_ensure_email_is_verified
+
+  before_action { redirect_to dashboard_path unless User.include?(MustVerifyEmail) }
+
+  def create
+    return redirect_to dashboard_path(verified: '1') if Current.auth.user.has_verified_email?
+
+    Current.auth.user.mark_email_as_verified if email_verification_request_is_authorized?
+
+    redirect_to dashboard_path(verified: '1')
+  end
+
+  private
+
+  def email_verification_request_is_authorized?
+    return false if !ActiveSupport::SecurityUtils.secure_compare Current.auth.user.id.to_s, params[:id]
+
+    ActiveSupport::SecurityUtils.secure_compare Digest::SHA1.hexdigest(Current.auth.user.email), params[:hash]
+  end
+end

data/stubs/inertia-common/app/controllers/concerns/authenticate.rb

@@ -3,11 +3,17 @@ module Authenticate
 
   included do
     before_action :authenticate!
+    before_action :ensure_email_is_verified! if User.include?(MustVerifyEmail)
   end
 
   class_methods do
     def skip_authenticate(**options)
       skip_before_action :authenticate!, **options
+      skip_ensure_email_is_verified(**options)
+    end
+
+    def skip_ensure_email_is_verified(**options)
+      skip_before_action :ensure_email_is_verified!, **options if User.include?(MustVerifyEmail)
     end
   end
 
@@ -16,4 +22,8 @@ module Authenticate
   def authenticate!
     redirect_to login_path unless Current.auth.check?
   end
+
+  def ensure_email_is_verified!
+    redirect_to verification_notice_path unless Current.auth.user && Current.auth.user.has_verified_email?
+  end
 end

data/stubs/inertia-common/app/controllers/concerns/validate_signature.rb

@@ -0,0 +1,17 @@
+module ValidateSignature
+  extend ActiveSupport::Concern
+
+  included do
+    before_action do
+      render file: "#{Rails.root}/public/404.html", layout: false, status: :not_found unless has_valid_signature?
+    end
+  end
+
+  private
+
+  def has_valid_signature?
+    request.original_url.split('?')[0] == ActiveSupport::MessageVerifier.new(ENV.fetch('RAILS_MASTER_KEY', '')).verify(params[:signature])
+  rescue
+    false
+  end
+end

data/stubs/inertia-common/app/controllers/password_controller.rb

@@ -1,6 +1,8 @@
 class PasswordController < ApplicationController
+  skip_ensure_email_is_verified
+
   def update
-    form = UpdatePasswordForm.new params.permit(:current_password, :password, :password_confirmation)
+    form = UpdatePasswordForm.new(params.permit(:current_password, :password, :password_confirmation))
 
     return redirect_to profile_edit_path, inertia: { errors: form.error_messages } if form.invalid?
 

data/stubs/inertia-common/app/controllers/profile_controller.rb

@@ -1,22 +1,25 @@
 class ProfileController < ApplicationController
+  skip_ensure_email_is_verified
+
   def edit
     render inertia: 'Profile/Edit', props: {
-      status: session[:status]
+      mustVerifyEmail: User.include?(MustVerifyEmail),
+      status: flash[:status]
     }
   end
 
   def update
-    form = UpdateProfileInformationForm.new params.permit(:name, :email)
+    form = UpdateProfileInformationForm.new(params.permit(:name, :email))
 
     return redirect_to profile_edit_path, inertia: { errors: form.error_messages } if form.invalid?
 
-    Current.auth.user.update(name: form.name, email: form.email)
+    form.update
 
     redirect_to profile_edit_path
   end
 
   def destroy
-    form = DeleteUserForm.new params.permit(:password)
+    form = DeleteUserForm.new(params.permit(:password))
 
     return redirect_back_or_to profile_edit_path, inertia: { errors: form.error_messages } if form.invalid?
 

data/stubs/inertia-common/test/integration/password_update_test.rb

@@ -2,7 +2,7 @@ require 'test_helper'
 
 class PasswordUpdateTest < ActionDispatch::IntegrationTest
   test 'password can be updated' do
-    user = FactoryBot.create :user
+    user = FactoryBot.create(:user)
 
     acting_as(user).put password_update_path, params: {
       current_password: 'password',
@@ -15,7 +15,7 @@ class PasswordUpdateTest < ActionDispatch::IntegrationTest
   end
 
   test 'correct password must be provided to update password' do
-    user = FactoryBot.create :user
+    user = FactoryBot.create(:user)
 
     acting_as(user).put password_update_path, params: {
       current_password: 'wrong-password',

data/stubs/inertia-common/test/integration/profile_test.rb

@@ -2,7 +2,7 @@ require 'test_helper'
 
 class ProfileTest < ActionDispatch::IntegrationTest
   test 'profile page is displayed' do
-    user = FactoryBot.create :user
+    user = FactoryBot.create(:user)
 
     acting_as(user).get profile_edit_path
 
@@ -10,7 +10,7 @@ class ProfileTest < ActionDispatch::IntegrationTest
   end
 
   test 'profile information can be updated' do
-    user = FactoryBot.create :user
+    user = FactoryBot.create(:user)
 
     acting_as(user).patch profile_edit_path, params: {
       name: 'Test User',
@@ -25,8 +25,20 @@ class ProfileTest < ActionDispatch::IntegrationTest
     assert_equal 'test@example.com', user.email
   end
 
+  test 'email verification status is unchanged when the email address is unchanged' do
+    user = FactoryBot.create(:user)
+
+    acting_as(user).patch profile_edit_path, params: {
+      name: 'Test User',
+      email: user.email
+    }
+
+    assert_redirected_to profile_edit_path
+    assert_not user.reload.email_verified_at.blank?
+  end
+
   test 'user can delete their account' do
-    user = FactoryBot.create :user
+    user = FactoryBot.create(:user)
 
     acting_as(user).delete profile_destroy_path, params: {
       password: 'password'
@@ -39,7 +51,7 @@ class ProfileTest < ActionDispatch::IntegrationTest
   end
 
   test 'correct password must be provided to delete account' do
-    user = FactoryBot.create :user
+    user = FactoryBot.create(:user)
 
     acting_as(user).delete profile_destroy_path, params: {
       password: 'wrong-password'

data/stubs/inertia-react-ts/app/javascript/Components/Checkbox.tsx

@@ -1,9 +1,6 @@
 import { InputHTMLAttributes } from 'react'
 
-export default function Checkbox({
-  className = '',
-  ...props
-}: InputHTMLAttributes<HTMLInputElement>) {
+export default function Checkbox({ className = '', ...props }: InputHTMLAttributes<HTMLInputElement>) {
   return (
     <input
       {...props}

data/stubs/inertia-react-ts/app/javascript/Components/DangerButton.tsx

@@ -9,11 +9,9 @@ export default function DangerButton({
   return (
     <button
       {...props}
-      className={
-        `inline-flex items-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
-          disabled && 'opacity-25'
-        } ${className}`
-      }
+      className={`inline-flex items-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
+        disabled && 'opacity-25'
+      } ${className}`}
       disabled={disabled}
     >
       {children}

data/stubs/inertia-react-ts/app/javascript/Components/Dropdown.tsx

@@ -1,12 +1,4 @@
-import {
-  useState,
-  createContext,
-  useContext,
-  Fragment,
-  PropsWithChildren,
-  Dispatch,
-  SetStateAction,
-} from 'react'
+import { useState, createContext, useContext, Fragment, PropsWithChildren, Dispatch, SetStateAction } from 'react'
 import { Link, InertiaLinkProps } from '@inertiajs/react'
 import { Transition } from '@headlessui/react'
 
@@ -41,12 +33,7 @@ const Trigger = ({ children }: PropsWithChildren) => {
     <>
       <div onClick={toggleOpen}>{children}</div>
 
-      {open && (
-        <div
-          className="fixed inset-0 z-40"
-          onClick={() => setOpen(false)}
-        ></div>
-      )}
+      {open && <div className="fixed inset-0 z-40" onClick={() => setOpen(false)}></div>}
     </>
   )
 }
@@ -93,22 +80,14 @@ const Content = ({
           className={`absolute z-50 mt-2 rounded-md shadow-lg ${alignmentClasses} ${widthClasses}`}
           onClick={() => setOpen(false)}
         >
-          <div
-            className={`rounded-md ring-1 ring-black ring-opacity-5 ${contentClasses}`}
-          >
-            {children}
-          </div>
+          <div className={`rounded-md ring-1 ring-black ring-opacity-5 ${contentClasses}`}>{children}</div>
         </div>
       </Transition>
     </>
   )
 }
 
-const DropdownLink = ({
-  className = '',
-  children,
-  ...props
-}: InertiaLinkProps) => {
+const DropdownLink = ({ className = '', children, ...props }: InertiaLinkProps) => {
   return (
     <Link
       {...props}

data/stubs/inertia-react-ts/app/javascript/Components/InputError.tsx

@@ -6,10 +6,7 @@ export default function InputError({
   ...props
 }: HTMLAttributes<HTMLParagraphElement> & { message?: string }) {
   return message ? (
-    <p
-      {...props}
-      className={`text-sm text-red-600 dark:text-red-400 ${className}`}
-    >
+    <p {...props} className={`text-sm text-red-600 dark:text-red-400 ${className}`}>
       {message}
     </p>
   ) : null

data/stubs/inertia-react-ts/app/javascript/Components/InputLabel.tsx

@@ -7,10 +7,7 @@ export default function InputLabel({
   ...props
 }: LabelHTMLAttributes<HTMLLabelElement> & { value?: string }) {
   return (
-    <label
-      {...props}
-      className={`block font-medium text-sm text-gray-700 dark:text-gray-300 ${className}`}
-    >
+    <label {...props} className={`block font-medium text-sm text-gray-700 dark:text-gray-300 ${className}`}>
       {value ? value : children}
     </label>
   )

data/stubs/inertia-react-ts/app/javascript/Components/NavLink.tsx

@@ -9,13 +9,11 @@ export default function NavLink({
   return (
     <Link
       {...props}
-      className={
-        `inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium leading-5 transition duration-150 ease-in-out focus:outline-none ${
-          active
+      className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium leading-5 transition duration-150 ease-in-out focus:outline-none ${
+        active
           ? 'border-indigo-400 dark:border-indigo-600 text-gray-900 dark:text-gray-100 focus:border-indigo-700 '
           : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 '
-        } ${className}`
-      }
+      } ${className}`}
     >
       {children}
     </Link>

data/stubs/inertia-react-ts/app/javascript/Components/PrimaryButton.tsx

@@ -9,11 +9,9 @@ export default function PrimaryButton({
   return (
     <button
       {...props}
-      className={
-        `inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
-          disabled && 'opacity-25'
-        } ${className}`
-      }
+      className={`inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
+        disabled && 'opacity-25'
+      } ${className}`}
       disabled={disabled}
     >
       {children}

data/stubs/inertia-react-ts/app/javascript/Components/SecondaryButton.tsx

@@ -11,11 +11,9 @@ export default function SecondaryButton({
     <button
       {...props}
       type={type}
-      className={
-        `inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-500 rounded-md font-semibold text-xs text-gray-700 dark:text-gray-300 uppercase tracking-widest shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-25 transition ease-in-out duration-150 ${
-          disabled && 'opacity-25'
-        } ${className}`
-      }
+      className={`inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-500 rounded-md font-semibold text-xs text-gray-700 dark:text-gray-300 uppercase tracking-widest shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-25 transition ease-in-out duration-150 ${
+        disabled && 'opacity-25'
+      } ${className}`}
       disabled={disabled}
     >
       {children}

data/stubs/inertia-react-ts/app/javascript/Components/TextInput.tsx

@@ -1,10 +1,4 @@
-import {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  InputHTMLAttributes,
-} from 'react'
+import { forwardRef, useEffect, useImperativeHandle, useRef, InputHTMLAttributes } from 'react'
 
 export default forwardRef(function TextInput(
   {

data/stubs/inertia-react-ts/app/javascript/Layouts/AuthenticatedLayout.tsx

@@ -12,8 +12,7 @@ export default function Authenticated({
   header,
   children,
 }: PropsWithChildren<{ user: User; header?: ReactNode }>) {
-  const [showingNavigationDropdown, setShowingNavigationDropdown] =
-    useState(false)
+  const [showingNavigationDropdown, setShowingNavigationDropdown] = useState(false)
 
   const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
 
@@ -30,10 +29,7 @@ export default function Authenticated({
               </div>
 
               <div className="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
-                <NavLink
-                  href={dashboard_path()}
-                  active={pathname.match(/dashboard/) != null}
-                >
+                <NavLink href={dashboard_path()} active={pathname.match(/dashboard/) != null}>
                   Dashboard
                 </NavLink>
               </div>
@@ -67,14 +63,8 @@ export default function Authenticated({
                   </Dropdown.Trigger>
 
                   <Dropdown.Content>
-                    <Dropdown.Link href={profile_edit_path()}>
-                      Profile
-                    </Dropdown.Link>
-                    <Dropdown.Link
-                      href={logout_path()}
-                      method="post"
-                      as="button"
-                    >
+                    <Dropdown.Link href={profile_edit_path()}>Profile</Dropdown.Link>
+                    <Dropdown.Link href={logout_path()} method="post" as="button">
                       Log Out
                     </Dropdown.Link>
                   </Dropdown.Content>
@@ -84,32 +74,19 @@ export default function Authenticated({
 
             <div className="-me-2 flex items-center sm:hidden">
               <button
-                onClick={() =>
-                  setShowingNavigationDropdown(
-                    (previousState) => !previousState,
-                  )
-                }
+                onClick={() => setShowingNavigationDropdown((previousState) => !previousState)}
                 className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"
               >
-                <svg
-                  className="h-6 w-6"
-                  stroke="currentColor"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                >
+                <svg className="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                   <path
-                    className={
-                      !showingNavigationDropdown ? 'inline-flex' : 'hidden'
-                    }
+                    className={!showingNavigationDropdown ? 'inline-flex' : 'hidden'}
                     strokeLinecap="round"
                     strokeLinejoin="round"
                     strokeWidth="2"
                     d="M4 6h16M4 12h16M4 18h16"
                   />
                   <path
-                    className={
-                      showingNavigationDropdown ? 'inline-flex' : 'hidden'
-                    }
+                    className={showingNavigationDropdown ? 'inline-flex' : 'hidden'}
                     strokeLinecap="round"
                     strokeLinejoin="round"
                     strokeWidth="2"
@@ -121,34 +98,21 @@ export default function Authenticated({
           </div>
         </div>
 
-        <div
-          className={
-            (showingNavigationDropdown ? 'block' : 'hidden') + ' sm:hidden'
-          }
-        >
+        <div className={(showingNavigationDropdown ? 'block' : 'hidden') + ' sm:hidden'}>
           <div className="pt-2 pb-3 space-y-1">
-            <ResponsiveNavLink
-              href={dashboard_path()}
-              active={pathname.match(/dashboard/) != null}
-            >
+            <ResponsiveNavLink href={dashboard_path()} active={pathname.match(/dashboard/) != null}>
               Dashboard
             </ResponsiveNavLink>
           </div>
 
           <div className="pt-4 pb-1 border-t border-gray-200">
             <div className="px-4">
-              <div className="font-medium text-base text-gray-800">
-                {user.name}
-              </div>
-              <div className="font-medium text-sm text-gray-500">
-                {user.email}
-              </div>
+              <div className="font-medium text-base text-gray-800">{user.name}</div>
+              <div className="font-medium text-sm text-gray-500">{user.email}</div>
             </div>
 
             <div className="mt-3 space-y-1">
-              <ResponsiveNavLink href={profile_edit_path()}>
-                Profile
-              </ResponsiveNavLink>
+              <ResponsiveNavLink href={profile_edit_path()}>Profile</ResponsiveNavLink>
               <ResponsiveNavLink method="post" href={logout_path()} as="button">
                 Log Out
               </ResponsiveNavLink>
@@ -159,9 +123,7 @@ export default function Authenticated({
 
       {header && (
         <header className="bg-white shadow">
-          <div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-            {header}
-          </div>
+          <div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">{header}</div>
         </header>
       )}