diff --git a/src/App.css b/src/App.css index 14ad3fd..6d3c128 100644 --- a/src/App.css +++ b/src/App.css @@ -29,4 +29,14 @@ max-width: 1600px; } } - \ No newline at end of file + + + .recharts-surface { + cursor: pointer !important; + outline: none !important; + border: none !important; + box-shadow: none !important; + focus:outline-none !important; + focus:ring-0 !important; + focus:border-none !important; + } \ No newline at end of file diff --git a/src/assets/icons/InProgress.svg b/src/assets/icons/InProgress.svg new file mode 100644 index 0000000..c50f4a5 --- /dev/null +++ b/src/assets/icons/InProgress.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/NA.svg b/src/assets/icons/NA.svg new file mode 100644 index 0000000..e68fb00 --- /dev/null +++ b/src/assets/icons/NA.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/icons/gemini.svg b/src/assets/icons/gemini.svg index 87736bb..adb4114 100644 --- a/src/assets/icons/gemini.svg +++ b/src/assets/icons/gemini.svg @@ -1 +1,10 @@ -Gemini \ No newline at end of file + + + + + + + + + + diff --git a/src/assets/icons/gemini2.svg b/src/assets/icons/gemini2.svg new file mode 100644 index 0000000..d4d5a23 --- /dev/null +++ b/src/assets/icons/gemini2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/perplextiy-light.svg b/src/assets/icons/perplextiy-light.svg new file mode 100644 index 0000000..6a0b41d --- /dev/null +++ b/src/assets/icons/perplextiy-light.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/perplextiy.svg b/src/assets/icons/perplextiy.svg new file mode 100644 index 0000000..6a0b41d --- /dev/null +++ b/src/assets/icons/perplextiy.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/DashboardGrid.tsx b/src/components/DashboardGrid.tsx index 60af309..827b931 100644 --- a/src/components/DashboardGrid.tsx +++ b/src/components/DashboardGrid.tsx @@ -412,11 +412,12 @@ export default function DashboardGrid() {
{card.badge && (
-
+
- - + + + {card.badge}
diff --git a/src/components/MultiRingCircularProgress.tsx b/src/components/MultiRingCircularProgress.tsx index 304474a..744daa0 100644 --- a/src/components/MultiRingCircularProgress.tsx +++ b/src/components/MultiRingCircularProgress.tsx @@ -36,11 +36,16 @@ export default function MultiRingCircularProgress({ card, hoveredIndex, onHover, }; return ( -
onHover(null)} + onClick={() => { + console.log("hoveredIndex "); + }} + style={{ outline: "none", border: "none" }} + tabIndex={-1} > - + {ringData.map((ring, index) => ( onHover(index)} onMouseLeave={() => onHover(null)} fill={getHoverColor(ring, index)} + // pointerEvents={'none'} >
+ img={Google} tooltipText="Google" valueChange="+1" size="sm" disabled /> + img={Map} tooltipText="Map" valueChange="+1" size="sm" disabled value="Map" /> + + {/* */} @@ -74,6 +73,10 @@ function ProgressMetrics() { + +
@@ -104,7 +107,7 @@ function ProgressMetrics() { +10
- + 5 +3
diff --git a/src/components/flip-card.tsx b/src/components/flip-card.tsx index 266411b..9e96784 100644 --- a/src/components/flip-card.tsx +++ b/src/components/flip-card.tsx @@ -158,11 +158,11 @@ console.log(CARDS) >
{card.badge && ( -
- {/* Inline SVG Icon */} +
+ {/* Unlock Icon (SVG) */} - Content Unlocked + + Content Unlocked
)}
diff --git a/src/components/shared/MetricCard.tsx b/src/components/shared/MetricCard.tsx index b2abba7..8f87a52 100644 --- a/src/components/shared/MetricCard.tsx +++ b/src/components/shared/MetricCard.tsx @@ -3,16 +3,16 @@ import { useState } from "react"; // Reusable Metric Card Component -const MetricCard = ({ icon: Icon, img: Img, value, label, tooltipText, valueChange, size, extraStyle }: { icon?: any, img?: any, value?: any, label?: any, tooltipText?: any, valueChange?: any, size?: any, extraStyle?: any }) => { +const MetricCard = ({ icon: Icon, img: Img, value, label, tooltipText, valueChange, size, extraStyle, disabled }: { icon?: any, img?: any, value?: any, label?: any, tooltipText?: any, valueChange?: any, size?: any, extraStyle?: any, disabled?: any }) => { const [isHovered, setIsHovered] = useState(false); - +console.log(Img); if (Img) { return (
setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}> -
- Img +
+ Img
{tooltipText && ( diff --git a/src/pages/Portfolio.tsx b/src/pages/Portfolio.tsx index 2a2d58e..9b80a35 100644 --- a/src/pages/Portfolio.tsx +++ b/src/pages/Portfolio.tsx @@ -12,10 +12,9 @@ import { CircleCheck } from 'lucide-react'; // import AppleMusic from "../assets/icons/apple-music.png" // import Substack from "../assets/icons/substack.png" // import Pin from "../assets/icons/pin.png" -import Progress from "../assets/icons/InProgress.png" -import No from "../assets/icons/no.png" +import Progress from "../assets/icons/InProgress.svg" +import No from "../assets/icons/NA.svg" import Share2 from "../assets/icons/Share2.png" -import MetricCard from '../components/shared/MetricCard'; const done =
Done