fix login page style

app/javascript/components/Appbar/Appbar.tsx

@@ -13,6 +13,9 @@ import { turnOff } from '../../services/store/unsavedChanges';
 import { CurrentUserAvatar } from "../CurrentUserAvatar";
 import { localFetch } from '../../utils/localFetch';
 
+import unifesoLogoCompact from "../../assets/images/logoImgUnifeso.png";
+import unifesoLogo from "../../assets/images/unifeso-logo-branco.svg";
+
 const UserMenu: FC = () => {
   const { user } = useCurrentUser();
   const history = useHistory();
@@ -205,12 +208,12 @@ const Logo: FC = () => (
     <img
       alt="Símbolo do Unifeso"
       className="hidden md:block h-12 w-auto"
-      src={'unifesoLogo'}
+      src={unifesoLogo}
     />
     <img
       alt="Logotipo do Unifeso"
       className="md:hidden h-12 w-auto"
-      src={'unifesoLogoCompact'}
+      src={unifesoLogoCompact}
     />
   </div>
 )

app/javascript/pages/session/SignIn.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-
-import { Button } from "../../components";
-
-export const SignIn = () => {
-  const handleLogin = async () => {
-  }
-
-  return (
-    <div className="w-screen h-screen bg-primary-normal grid place-items-center">
-      <div>
-        <img
-          alt="Logo do Unifeso"
-          src={'unifesoLogo'}
-          style={{ width: "85%", margin: "auto" }}
-        />
-        <div className="grid place-items-center">
-          <Button onClick={handleLogin}>Faça login no Google</Button>
-        </div>
-      </div>
-    </div>
-  );
-};

app/javascript/pages/session/index.ts

@@ -1,3 +1,2 @@
-export { SignIn } from "./SignIn";
 export { Profile } from "./Profile";
 export { UnauthorizedAccess } from "./UnauthorizedAccess";

app/javascript/react-app-env.d.ts

@@ -0,0 +1,5 @@
+declare module "@ckeditor/ckeditor5-react";
+declare module "ckeditor5-mathtype/build/ckeditor";
+declare module "boring-avatars";
+declare module "*.svg"
+declare module "*.png"

app/javascript/routes/routes.tsx

@@ -3,7 +3,7 @@ import { Switch, Route, Redirect } from "react-router-dom";
 
 import { Dashboard } from '../pages/dashboard'
 import { List, New, Show, Review, Edit } from "../pages/question";
-import { Profile, SignIn } from "../pages/session";
+import { Profile } from "../pages/session";
 import { QuestionRoutePaths, SessionRoutePaths, DashboardRoutePaths } from './paths'
 
 export const PrivateRoutes = () => (
@@ -20,9 +20,3 @@ export const PrivateRoutes = () => (
     <Route exact path={QuestionRoutePaths.review} component={Review} />
   </Switch>
 );
-
-export const PublicRoutes = () => (
-  <Switch>
-    <Route path={SessionRoutePaths.signIn} component={SignIn} />
-  </Switch>
-);

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

@@ -0,0 +1,18 @@
+<div class="w-screen h-screen bg-primary-normal grid place-items-center">
+  <div>
+    <img
+      alt="Logo do Unifeso"
+      src="https://www.unifeso.edu.br/images/logo/UNIFESO-BRANCO.png"
+      style="width: 85%; margin: auto"
+    />
+    <div class="grid place-items-center">
+      <%- resource_class.omniauth_providers.each do |provider| %>
+      <%= link_to "Faça login no Google",
+          omniauth_authorize_path(resource_name, provider),
+          method: :post,
+          class: "transition duration-300 ease-in-out block text-center cursor-pointer p-2 px-8 rounded shadow-lg hover:shadow-lg bg-gray-200 hover:bg-gray-400 text-gray-800"
+        %>
+      <% end %>
+    </div>
+  </div>
+</div>

package.json

@@ -25,7 +25,7 @@
     "uuid": "^8.3.2"
   },
   "scripts": {
-    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets",
+    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets --loader:.png=file --loader:.svg=file",
     "build-styles": "postcss app/assets/stylesheets/tailwind.css -o app/assets/stylesheets/main.css"
   },
   "devDependencies": {