From f37a583071880ad9d4fb759d8d9d7d7b968cb2d8 Mon Sep 17 00:00:00 2001
From: Lee Wei Jie <weijie899@hotmail.com>
Date: Sat, 19 Oct 2024 22:34:11 +0800
Subject: [PATCH] fixed identified bugs n tested

---
 src/main/webapp/app/entities/message/message.tsx | 16 ++++++++--------
 .../app/modules/account/activate/activate.tsx    |  4 ++--
 .../app/modules/account/register/register.tsx    |  6 ++++--
 src/main/webapp/app/modules/home/home.scss       |  1 -
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/main/webapp/app/entities/message/message.tsx b/src/main/webapp/app/entities/message/message.tsx
index 51d8cfa..6888ac1 100644
--- a/src/main/webapp/app/entities/message/message.tsx
+++ b/src/main/webapp/app/entities/message/message.tsx
@@ -652,9 +652,9 @@ export const Message = () => {
           <Table responsive>
             <thead>
               <tr>
-                <th className="hand" onClick={sort('id')}>
+                {/* <th className="hand" onClick={sort('id')}>
                   ID <FontAwesomeIcon icon={getSortIconByFieldName('id')} />
-                </th>
+                </th> */}
                 <th className="hand" onClick={sort('content')}>
                   Content <FontAwesomeIcon icon={getSortIconByFieldName('content')} />
                 </th>
@@ -664,23 +664,23 @@ export const Message = () => {
                 <th className="hand" onClick={sort('createdDate')}>
                   Created Date <FontAwesomeIcon icon={getSortIconByFieldName('createdDate')} />
                 </th>
-                <th>Sender Profile</th>
-                <th>Receiver Profile</th>
+                {/* <th>Sender Profile</th>
+                <th>Receiver Profile</th> */}
                 <th />
               </tr>
             </thead>
             <tbody>
               {messageList.map((message, i) => (
                 <tr key={`entity-${i}`} data-cy="entityTable">
-                  <td>
+                  {/* <td>
                     <Button tag={Link} to={`/message/${message.id}`} color="link" size="sm">
                       {message.id}
                     </Button>
-                  </td>
+                  </td> */}
                   <td>{message.content}</td>
                   <td>{message.createdBy}</td>
                   <td>{message.createdDate ? <TextFormat type="date" value={message.createdDate} format={APP_DATE_FORMAT} /> : null}</td>
-                  <td>
+                  {/* <td>
                     {message.senderProfile ? <Link to={`/user-profile/${message.senderProfile.id}`}>{message.senderProfile.id}</Link> : ''}
                   </td>
                   <td>
@@ -689,7 +689,7 @@ export const Message = () => {
                     ) : (
                       ''
                     )}
-                  </td>
+                  </td> */}
                   <td className="text-end">
                     <div className="btn-group flex-btn-group-container">
                       <Button tag={Link} to={`/message/${message.id}`} color="info" size="sm" data-cy="entityDetailsButton">
diff --git a/src/main/webapp/app/modules/account/activate/activate.tsx b/src/main/webapp/app/modules/account/activate/activate.tsx
index caf9002..795025c 100644
--- a/src/main/webapp/app/modules/account/activate/activate.tsx
+++ b/src/main/webapp/app/modules/account/activate/activate.tsx
@@ -7,9 +7,9 @@ import { activateAction, reset } from './activate.reducer';
 
 const successAlert = (
   <Alert color="success">
-    <strong>Your user account has been activated.</strong> Please
+    <strong>Your user account has been activated. </strong>
     <Link to="/login" className="alert-link">
-      sign in
+      Please sign in
     </Link>
     .
   </Alert>
diff --git a/src/main/webapp/app/modules/account/register/register.tsx b/src/main/webapp/app/modules/account/register/register.tsx
index 39445da..f177073 100644
--- a/src/main/webapp/app/modules/account/register/register.tsx
+++ b/src/main/webapp/app/modules/account/register/register.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { ValidatedField, ValidatedForm, isEmail } from 'react-jhipster';
 import { Row, Col, Alert, Button } from 'reactstrap';
 import { toast } from 'react-toastify';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom'; // Import useNavigate
 
 import PasswordStrengthBar from 'app/shared/layout/password/password-strength-bar';
 import { useAppDispatch, useAppSelector } from 'app/config/store';
@@ -11,6 +11,7 @@ import { handleRegister, reset } from './register.reducer';
 export const RegisterPage = () => {
   const [password, setPassword] = useState('');
   const dispatch = useAppDispatch();
+  const navigate = useNavigate(); // Initialize useNavigate
 
   useEffect(
     () => () => {
@@ -30,8 +31,9 @@ export const RegisterPage = () => {
   useEffect(() => {
     if (successMessage) {
       toast.success(successMessage);
+      navigate('/login'); // Redirect to login after showing the toast
     }
-  }, [successMessage]);
+  }, [successMessage, navigate]); // Add navigate to dependency array
 
   return (
     <div>
diff --git a/src/main/webapp/app/modules/home/home.scss b/src/main/webapp/app/modules/home/home.scss
index d68ae1f..e086ab6 100644
--- a/src/main/webapp/app/modules/home/home.scss
+++ b/src/main/webapp/app/modules/home/home.scss
@@ -35,7 +35,6 @@ ul {
   list-style: none;
 
   li {
-    margin-bottom: 10px;
     a {
       color: #007bff;
       text-decoration: none;