From 1b0b9b46a6fedf05afbfcf96d2a6d267ac0442c0 Mon Sep 17 00:00:00 2001
From: rfhf19 <rfhf19@inf.ufpr.br>
Date: Mon, 8 Jul 2024 10:59:34 -0300
Subject: [PATCH] Issue #125: FIX disable buttons and grey text

---
 src/app/components/GroupCardsCollections.js |  2 --
 src/app/components/Header.js                |  4 ++--
 src/app/components/MenuProfile.js           | 11 +++--------
 src/app/entrar/components/LoginForm.js      |  9 +++++----
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/app/components/GroupCardsCollections.js b/src/app/components/GroupCardsCollections.js
index 6bfbf9c9..38151dd5 100644
--- a/src/app/components/GroupCardsCollections.js
+++ b/src/app/components/GroupCardsCollections.js
@@ -1,8 +1,6 @@
 "use client";
 import { useEffect, useState } from "react";
 import Cards from "./Cards";
-import { Button } from "@mui/material";
-import { Tooltip } from "@mui/material";
 
 /**
  * Retorna na tela uma coleção
diff --git a/src/app/components/Header.js b/src/app/components/Header.js
index f7e8da1b..1e2a79e2 100644
--- a/src/app/components/Header.js
+++ b/src/app/components/Header.js
@@ -134,10 +134,10 @@ function DefaultContent({
             <button
               type="button"
               alt="Notificações"
-              title="Notificações"
+              title="Ainda não disponível"
               className="bg-transparent hover:text-secondary w-10 h-10 rounded text-text-color flex-shrink-0 transition"
             >
-              <NotificationsIcon className="h-full text-3xl" />
+              <NotificationsIcon className="h-full bg-grey text-3xl" />
             </button>
             <AccountMenu />
           </>
diff --git a/src/app/components/MenuProfile.js b/src/app/components/MenuProfile.js
index fdffc567..100d4307 100644
--- a/src/app/components/MenuProfile.js
+++ b/src/app/components/MenuProfile.js
@@ -42,11 +42,6 @@ const items = [
     label: "Tela e Acessibilidade",
     icon: AccessibilityNewRoundedIcon,
     target: 3
-  },
-  {
-    label: "Dar feedback",
-    icon: FeedbackRoundedIcon,
-    target: 4
   }
 
 ];
@@ -163,7 +158,7 @@ export default function AccountMenu() {
         transformOrigin={{ horizontal: "right", vertical: "top" }}
         anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
       >
-        <MenuItem className="ml-1" sx={{ '&:hover': { backgroundColor: 'white' } }} >
+        <MenuItem className="ml-1" sx={{ 'pointer-events': 'none' }} >
           {(userData["avatar_file_name"] === "") || (userData["avatar_file_name"] === null) ? (
             <div className={`flex items-center justify-center pt-1 text-xl font-bold text-main rounded-full h-[38px] w-[38px] ${getRandomBg(userData["id"])}`} >{userData["name"][0]}</div>
           ) : (
@@ -182,7 +177,7 @@ export default function AccountMenu() {
         </MenuItem>
         <Divider />
         <Link href={`/perfil/${id}`} className="flex mb-2">
-          <MenuItem className="ml-2" >
+          <MenuItem >
             <AccountCircleRoundedIcon sx={{ 'fontSize': '32px' }} className="mr-4 text-[#00BACC]" />
             <p className="text-[#00BACC]">Acessar meu Perfil</p>
           </MenuItem>
@@ -190,7 +185,7 @@ export default function AccountMenu() {
         <Divider />
         {items.map((item, index) => {
           return (
-            <MenuItem className="ml-2" key={index} >
+            <MenuItem title="Ainda não disponível" key={index} >
               <item.icon sx={{ 'fontSize': '32px' }} className="text-[#B9CCCC] mr-4" />
               <p className="text-text-filter">{item.label}</p>
             </MenuItem>
diff --git a/src/app/entrar/components/LoginForm.js b/src/app/entrar/components/LoginForm.js
index 4d13d8ce..0b55185c 100644
--- a/src/app/entrar/components/LoginForm.js
+++ b/src/app/entrar/components/LoginForm.js
@@ -5,7 +5,6 @@ import {
   Paper,
   TextField,
   Alert,
-  Tooltip,
 } from "@mui/material";
 import theme from "@/app/theme";
 import { ThemeProvider } from "@emotion/react";
@@ -105,12 +104,13 @@ export default function LoginForm({
             </Paper>
           </form>
           <Button
+            title="Ainda não disponível"
             fullWidth
             disableElevation
             variant="outlined"
-            className="my-2 bg-white border-white text-main-text normal-case flex gap-2 w-96 font-bold hover:bg-main-hover"
+            className="my-2 bg-white border-white text-[#B6CCCC] normal-case flex gap-2 w-96 font-bold"
           >
-            <span>Entrar com o</span>
+            <span >Entrar com o</span>
             <Image className="w-14 h-6" src="/govbr.svg" alt="govbr" width={10} height={10} />
           </Button>
           <button 
@@ -121,10 +121,11 @@ export default function LoginForm({
               Entrar sem cadastrar
           </button>
           <Button
+            title="Ainda não disponível"
             fullWidth
             disableElevation
             variant="outlined"
-            className="mt-2 bg-white border-white text-main-text normal-case flex gap-2 w-96 hover:bg-main-hover"
+            className="mt-2 bg-white border-white text-[#B6CCCC] normal-case flex gap-2 w-96"
           >
             <Image className="w-6 h-6" src="/google.svg" width={10} height={10} alt="Google" />
             <span>Entrar com o Google</span>
-- 
GitLab