Move SessionLoginPage to react-rails

app/javascript/components/SessionLoginPage.js

@@ -0,0 +1,11 @@
+import React from "react"
+require('bootstrap-loader');
+import Root from "../legacy_react/src/components/common/Root"
+import SessionLogPage from "../legacy_react/src/components/session_login_page/SessionLoginPage"
+
+
+function SessionLoginPage(props:{}){
+  return (<Root><SessionLogPage/></Root>)
+}
+
+export default SessionLoginPage

app/javascript/legacy_react/app/session_login_page.tsx

@@ -1,14 +0,0 @@
-// License: LGPL-3.0-or-later
-// require a root component here. This will be treated as the root of a webpack package
-import Root from "../src/components/common/Root"
-import SessionLoginPage from "../src/components/session_login_page/SessionLoginPage"
-
-import * as ReactDOM from 'react-dom'
-import * as React from 'react'
-
-function LoadReactPage(element:HTMLElement) {
-  ReactDOM.render(<Root><SessionLoginPage/></Root>, element)
-}
-
-
-(window as any).LoadReactPage = LoadReactPage

app/javascript/packs/session_login_page.js

@@ -1,3 +0,0 @@
-// License: LGPL-3.0-or-later
-require('bootstrap-loader');
-require('../legacy_react/app/session_login_page')

app/views/devise/sessions/new.html.erb

@@ -2,12 +2,10 @@
 # Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE -%>
 <% content_for :title, t("login.header") %>
 <% content_for :javascripts do %>
-  <%= javascript_pack_tag 'i18n', 'session_login_page' %>
+  <%= javascript_pack_tag 'i18n', 'application' %>
 <% end %>
 <% content_for :stylesheets do %>
   <%= stylesheet_link_tag 'users/page' %>
 <% end %>
 
-<div id="outlet"></div>
+<%= react_component('SessionLoginPage', {}) %>
-
-<script>LoadReactPage(document.getElementById('outlet'))</script>