diff --git a/client/package-lock.json b/client/package-lock.json deleted file mode 100644 index e69de29..0000000 diff --git a/client/package.json b/client/package.json deleted file mode 100644 index e69de29..0000000 diff --git a/index.html b/index.html index 78f6646..5f870f6 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,12 @@ browserstack-demo - + - - + + diff --git a/public/_redirects b/public/_redirects new file mode 100644 index 0000000..ad37e2c --- /dev/null +++ b/public/_redirects @@ -0,0 +1 @@ +/* /index.html 200 diff --git a/src/App.tsx b/src/App.tsx index 545ddc0..065c7b4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -91,7 +91,7 @@ const ShoppingCartPage = () => {
${item.price} x {item.quantity}
- {item.quantity} + {item.quantity}
diff --git a/src/components/HealingIcon.tsx b/src/components/HealingIcon.tsx deleted file mode 100644 index 57b89bb..0000000 --- a/src/components/HealingIcon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; - -const HealingIcon: React.FC<{ className?: string; style?: React.CSSProperties }> = ({ className, style }) => ( - - - - {/* Black dots for bandage holes */} - - - - {/* Bandage border */} - - - -); - -export default HealingIcon; diff --git a/src/components/HealingInfo.tsx b/src/components/HealingInfo.tsx deleted file mode 100644 index 11ca5c3..0000000 --- a/src/components/HealingInfo.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; - -interface HealingInfoProps { - headline?: string; // e.g. "Healing Demo:" - message: string; // e.g. "ID changed from ..." - details?: string; // e.g. extra tips or info - className?: string; -} - -const HealingInfo: React.FC = ({ headline = 'Healing Demo:', message, details, className }) => ( -
-

- {headline} {message} - {details && {details}} -

-
-); - -export default HealingInfo; diff --git a/src/index.css b/src/index.css index 675f04f..bd3e4cf 100644 --- a/src/index.css +++ b/src/index.css @@ -97,26 +97,6 @@ All colors MUST be HSL. } } -/* Self-healing mode styles */ -.healing-highlight { - @apply ring-2 ring-orange-300 ring-opacity-50 animate-pulse; -} - -.healing-glow { - box-shadow: 0 0 20px rgba(251, 146, 60, 0.3); -} - -/* Smooth transitions for healing mode */ -.healing-transition { - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - -@media (max-width: 1075px) { - .healing-demo-desktop { - display: none !important; - } -} - /* Hide username on iPad screen sizes */ @media (min-width: 768px) and (max-width: 1080px) and (orientation: portrait), (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) { diff --git a/src/pages/Scenarios.tsx b/src/pages/Scenarios.tsx index e52bdb4..cee1b89 100644 --- a/src/pages/Scenarios.tsx +++ b/src/pages/Scenarios.tsx @@ -124,7 +124,7 @@ const Scenarios: React.FC = () => { title: 'Link copied', description: 'The scenario URL is ready to share.', className: toastStyles, - duration: 800 + duration: 3000 }); }); } @@ -160,6 +160,7 @@ const Scenarios: React.FC = () => {