WIP: BE done & React FE in progress

hoangsonww · Oct 7, 2024 · e63e2cf · e63e2cf
1 parent af2aaa1
commit e63e2cf
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/frontend/src/components/ChatModal.js b/frontend/src/components/ChatModal.js
@@ -28,7 +28,7 @@ const ChatModal = ({ theme }) => {
 
     try {
       setLoading(true);
-      const res = await axios.post('https://docuthinker-fullstack-app.vercel.app/chat', {
+      const res = await axios.post('https://docuthinker-ai-app.onrender.com/chat', {
         message,
         originalText,
         sessionId,

diff --git a/frontend/src/components/UploadModal.js b/frontend/src/components/UploadModal.js
@@ -30,7 +30,7 @@ const UploadModal = ({ setSummary, setOriginalText, setDocumentFile, theme }) =>
 
     try {
       setLoading(true);
-      const response = await axios.post('https://docuthinker-fullstack-app.vercel.app/upload', formData);
+      const response = await axios.post('https://docuthinker-ai-app.onrender.com/upload', formData);
       setLoading(false);
 
       const { summary, originalText } = response.data;

diff --git a/frontend/src/pages/LandingPage.js b/frontend/src/pages/LandingPage.js
@@ -1,17 +1,17 @@
 import React from 'react';
 import { Box, Typography, Button, Container, Grid, Card, CardContent } from '@mui/material';
 import { Link } from 'react-router-dom';
-import { keyframes } from '@emotion/react'; // For keyframe animations
+import { keyframes } from '@emotion/react';
 
 // Define the keyframe animation for sliding upwards
 const slideUp = keyframes`
     from {
-        transform: translateY(30px); /* Slide up from 30px below */
-        opacity: 0; /* Start invisible */
+        transform: translateY(30px);
+        opacity: 0;
     }
     to {
-        transform: translateY(0); /* Slide to original position */
-        opacity: 1; /* End fully visible */
+        transform: translateY(0); 
+        opacity: 1;
     }
 `;
 
@@ -99,8 +99,8 @@ const LandingPage = ({ theme }) => {
                     key={feature.title}
                     sx={{
                       animation: `${slideUp} 0.6s ease-out`,
-                      animationDelay: `${index * 0.2}s`, // Stagger the cards by 0.2s
-                      animationFillMode: 'both', // Ensure the final state persists
+                      animationDelay: `${index * 0.2}s`,
+                      animationFillMode: 'both',
                     }}
                 >
                   <Card
@@ -111,7 +111,7 @@ const LandingPage = ({ theme }) => {
                         backgroundColor: isDarkMode ? '#333' : '#fff',
                         transition: 'background-color 0.3s ease',
                         '&:hover': {
-                          boxShadow: 6, // Subtle box shadow on hover
+                          boxShadow: 6,
                         },
                       }}
                   >

diff --git a/frontend/src/pages/Login.js b/frontend/src/pages/Login.js
@@ -81,7 +81,7 @@ const Login = ({ theme, onLogin }) => {
 
           {/* Error Alert */}
           {error && (
-              <Alert severity="error" sx={{ marginBottom: '1.5rem' }}>
+              <Alert severity="error" sx={{ marginBottom: '1.5rem', font: 'inherit' }}>
                 {error}
               </Alert>
           )}

diff --git a/frontend/src/pages/Register.js b/frontend/src/pages/Register.js
@@ -13,7 +13,7 @@ const Register = ({ theme }) => {
   const navigate = useNavigate();
 
   const handleRegister = async (e) => {
-    e.preventDefault(); // Prevent form refresh
+    e.preventDefault();
     setError('');
     setSuccess('');