Skip to content

Commit 8294d1c

Browse files
HarshitR2004HarshitR2004
committed
updated frontend
1 parent b1316d8 commit 8294d1c

File tree

2 files changed

+24
-79
lines changed

2 files changed

+24
-79
lines changed

‎frontend/src/components/analysis/AnalysisDashboard.jsx‎

Lines changed: 7 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,10 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
1717
background: 'rgba(0, 0, 0, 0.7)'
1818
}}
1919
>
20-
<div className="bg-gradient-to-br from-slate-900 to-slate-800 rounded-2xl border border-slate-600 shadow-2xl max-w-lg w-full p-8">
20+
<div className="bg-black border border-white rounded-2xl shadow-2xl max-w-md w-full p-6">
2121
{/* Header */}
2222
<div className="flex justify-between items-center mb-8">
2323
<div className="flex items-center gap-3">
24-
<div className="bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold">
25-
{stock?.symbol}
26-
</div>
2724
<div>
2825
<h3 className="text-xl font-bold text-white">AI Stock Analysis</h3>
2926
<p className="text-slate-400 text-sm">Analysis in Progress</p>
@@ -48,54 +45,11 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
4845
</div>
4946
</div>
5047

51-
{/* Progress Indicator */}
52-
<div className="mb-6">
53-
<div className="flex justify-center mb-3">
54-
<span className="text-blue-400 text-sm font-medium">GATHERING NEWS SENTIMENT</span>
55-
</div>
56-
<div className="w-full bg-slate-700 rounded-full h-2">
57-
<div className="bg-gradient-to-r from-pink-500 to-blue-500 h-2 rounded-full animate-pulse" style={{width: '70%'}}></div>
58-
</div>
59-
</div>
60-
61-
{/* Status Steps */}
62-
<div className="space-y-3">
63-
<div className="flex items-center justify-between text-sm">
64-
<div className="flex items-center gap-2">
65-
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
66-
<span className="text-green-400">Market Data Collected</span>
67-
</div>
68-
<svg className="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 20 20">
69-
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
70-
</svg>
71-
</div>
72-
73-
<div className="flex items-center justify-between text-sm">
74-
<div className="flex items-center gap-2">
75-
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
76-
<span className="text-green-400">News Analysis Complete</span>
77-
</div>
78-
<svg className="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 20 20">
79-
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
80-
</svg>
81-
</div>
82-
83-
<div className="flex items-center justify-between text-sm">
84-
<div className="flex items-center gap-2">
85-
<div className="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
86-
<span className="text-blue-400">Processing AI Analysis</span>
87-
</div>
88-
<div className="w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
89-
</div>
90-
</div>
9148

9249
<div className="mt-8">
9350
<p className="text-white font-semibold mb-1">
9451
Analyzing {stock?.symbol}...
9552
</p>
96-
<p className="text-slate-400 text-sm">
97-
Generating comprehensive market insights
98-
</p>
9953
</div>
10054
</div>
10155
</div>
@@ -123,7 +77,7 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
12377
background: 'rgba(0, 0, 0, 0.7)'
12478
}}
12579
>
126-
<div className="bg-gradient-to-br from-slate-900 to-slate-800 rounded-2xl border border-slate-600 shadow-2xl max-w-lg w-full p-8">
80+
<div className = "bg-black border border-white rounded-2xl shadow-2xl max-w-md w-full p-6">
12781
<div className="flex justify-between items-center mb-6">
12882
<div className="flex items-center gap-3">
12983
<div className="bg-red-600 text-white px-3 py-1 rounded-full text-sm font-semibold">
@@ -441,21 +395,16 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
441395
background: 'rgba(0, 0, 0, 0.7)'
442396
}}
443397
>
444-
<div className="bg-gradient-to-br from-slate-900 to-slate-800 rounded-2xl border border-slate-600 shadow-2xl max-w-6xl w-full max-h-[90vh] overflow-hidden">
398+
<div className="bg-black border border-white centered-modal rounded-2xl shadow-2xl w-full max-w-4xl" key={modalKey}>
445399
{/* Header - Always at top */}
446400

447401
{/* Scrollable Content */}
448402
<div className="overflow-y-auto max-h-[calc(90vh-120px)]">
449403
<div className="p-6 space-y-6">
450404
{/* Investment Verdict Card */}
451-
<div className="bg-gradient-to-br from-slate-800 to-slate-700 rounded-xl border border-slate-600 shadow-lg">
405+
<div className="bg-black rounded-xl border border-white shadow-lg">
452406
<div className="p-6">
453407
<div className="flex items-center gap-3 mb-6">
454-
<div className="w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center">
455-
<svg className="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
456-
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
457-
</svg>
458-
</div>
459408
<h3 className="text-xl font-bold text-white">Investment Verdict</h3>
460409
</div>
461410
<div className="flex flex-col sm:flex-row gap-4 items-start sm:items-center">
@@ -485,14 +434,9 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
485434

486435
{/* AI Analysis Summary Card - Moved to top */}
487436
{analysisData?.analysis?.summary && (
488-
<div className="bg-gradient-to-br from-slate-800 to-slate-700 rounded-xl border border-slate-600 shadow-lg">
437+
<div className="bg-black rounded-xl border border-white shadow-lg">
489438
<div className="p-6">
490439
<div className="flex items-center gap-3 mb-6">
491-
<div className="w-10 h-10 bg-purple-600 rounded-full flex items-center justify-center">
492-
<svg className="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
493-
<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
494-
</svg>
495-
</div>
496440
<h3 className="text-xl font-bold text-white">AI Analysis Summary</h3>
497441
</div>
498442
<div className="text-slate-200 leading-relaxed">
@@ -511,15 +455,9 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
511455

512456
{/* Market Sentiment Card */}
513457
{analysisData?.analysis?.sentiment_report && (
514-
<div className="bg-gradient-to-br from-slate-800 to-slate-700 rounded-xl border border-slate-600 shadow-lg">
458+
<div className="bg-black rounded-xl border border-white shadow-lg">
515459
<div className="p-6">
516460
<div className="flex items-center gap-3 mb-6">
517-
<div className="w-10 h-10 bg-green-600 rounded-full flex items-center justify-center">
518-
<svg className="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
519-
<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
520-
<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
521-
</svg>
522-
</div>
523461
<h3 className="text-xl font-bold text-white">Market Sentiment</h3>
524462
</div>
525463
<div className="text-slate-200 leading-relaxed">
@@ -531,15 +469,9 @@ const AnalysisDashboard = ({ stock, onClose, analysisData, loading }) => {
531469

532470
{/* Recent Headlines Card */}
533471
{analysisData?.data_sources?.news_headlines?.headlines && (
534-
<div className="bg-gradient-to-br from-slate-800 to-slate-700 rounded-xl border border-slate-600 shadow-lg">
472+
<div className="bg-black rounded-xl border border-white shadow-lg">
535473
<div className="p-6">
536474
<div className="flex items-center gap-3 mb-6">
537-
<div className="w-10 h-10 bg-orange-600 rounded-full flex items-center justify-center">
538-
<svg className="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
539-
<path fillRule="evenodd" d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z" clipRule="evenodd" />
540-
<path d="M15 7h1a2 2 0 012 2v5.5a1.5 1.5 0 01-3 0V7z" />
541-
</svg>
542-
</div>
543475
<h3 className="text-xl font-bold text-white">Recent News Headlines</h3>
544476
</div>
545477
<div className="space-y-4">

‎frontend/src/components/layout/Header.jsx‎

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import React from 'react';
22
import { useAuth } from '../../contexts/AuthContext';
33
import Button from '../ui/Button';
4+
import logo from '../../assets/logo.png';
45

56
const Header = ({ title = "StockSense", subtitle = "Your Personal Stock Assistant" }) => {
67
const { currentUser, logout } = useAuth();
@@ -15,11 +16,23 @@ const Header = ({ title = "StockSense", subtitle = "Your Personal Stock Assistan
1516

1617
return (
1718
<div className="navbar bg-blaxk shadow-md border-b border-white px-4 py-2 flex justify-between items-center">
18-
{/* Left Section - Title */}
19+
{/* Left Section - Logo and Title */}
1920
<div className="flex-1">
20-
<div className="flex flex-col">
21-
<span className="text-lg font-bold text-white">{title}</span>
22-
<span className="text-sm text-gray-500">{subtitle}</span>
21+
<div className="flex items-center gap-3">
22+
{/* Logo */}
23+
<div className="flex-shrink-0">
24+
<img
25+
src={logo}
26+
alt="StockSense Logo"
27+
className="w-10 h-10 object-contain"
28+
/>
29+
</div>
30+
31+
{/* Title and Subtitle */}
32+
<div className="flex flex-col">
33+
<span className="text-lg font-bold text-white">{title}</span>
34+
<span className="text-sm text-gray-500">{subtitle}</span>
35+
</div>
2336
</div>
2437
</div>
2538

0 commit comments

Comments
 (0)