feat(demos): enhance blockchain integration with real-time transaction tracking

josegomez-dev · josegomez-dev · commit b3a005b6f7a2 · 2025-09-19T15:38:28.000-06:00
- Add enhanced switch button for Real Blockchain vs Mock Demo modes
- Implement realistic transaction hash generation and Stellar Explorer links
- Add always-visible transaction sidebar in immersive demo mode
- Create auto-completion countdown system for better demo flow
- Fix close button functionality with confirmation dialog
- Add scroll-to-top animation and interactive user guidance
- Integrate copy-to-clipboard for transaction hashes and wallet addresses
- Enhance visual design with smooth animations and professional styling
- Provide comprehensive blockchain education and verification capabilities
diff --git a/components/demos/HelloMilestoneDemo.tsx b/components/demos/HelloMilestoneDemo.tsx
diff --git a/components/hooks/useClientEnv.ts b/components/hooks/useClientEnv.ts
@@ -45,3 +45,4 @@ export function useClientEnv() {
 
 
 
+
diff --git a/components/hooks/useScrollPosition.ts b/components/hooks/useScrollPosition.ts
@@ -58,3 +58,4 @@ export function useScrollToTop() {
 
 
 
+
diff --git a/components/ui/ImmersiveDemoModal.tsx b/components/ui/ImmersiveDemoModal.tsx
diff --git a/components/ui/common/Card.tsx b/components/ui/common/Card.tsx
@@ -65,3 +65,4 @@ export const Card: React.FC<CardProps> = ({
 
 
 
+
diff --git a/components/ui/common/LoadingSpinner.tsx b/components/ui/common/LoadingSpinner.tsx
@@ -49,3 +49,4 @@ export const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({
 
 
 
+
diff --git a/components/ui/common/ProgressBar.tsx b/components/ui/common/ProgressBar.tsx
@@ -60,3 +60,4 @@ export const ProgressBar: React.FC<ProgressBarProps> = ({
 
 
 
+
diff --git a/components/utils/constants.ts b/components/utils/constants.ts
@@ -86,3 +86,4 @@ export const FEATURE_FLAGS = {
 
 
 
+
diff --git a/components/utils/formatting.ts b/components/utils/formatting.ts
@@ -103,3 +103,4 @@ export function formatDuration(ms: number): string {
 
 
 
+
diff --git a/components/utils/index.ts b/components/utils/index.ts
@@ -4,3 +4,4 @@ export * from './constants';
 
 
 
+
diff --git a/firebase.json b/firebase.json
@@ -22,3 +22,4 @@
 
 
 
+
diff --git a/firestore.rules b/firestore.rules
@@ -36,3 +36,4 @@ service cloud.firestore {
 
 
 
+
diff --git a/lib/design-tokens.ts b/lib/design-tokens.ts
@@ -217,3 +217,4 @@ export type BreakpointToken = keyof typeof DESIGN_TOKENS.breakpoints;
 
 
 
+
diff --git a/lib/suppress-hydration.ts b/lib/suppress-hydration.ts
@@ -44,3 +44,4 @@ export function getSafeEnvValue<T>(key: string, defaultValue: T): T {
 
 
 
+
diff --git a/lib/test-account-system.ts b/lib/test-account-system.ts
@@ -51,3 +51,4 @@ export default testAccountSystem;
 
 
 
+
diff --git a/run-tests.sh b/run-tests.sh
@@ -39,3 +39,4 @@ echo "✅ Tests completed!"
 
 
 
+

Original file line number	Diff line number	Diff line change
`@@ -45,3 +45,4 @@ export function useClientEnv() {`
`45`	`45`
`46`	`46`
`47`	`47`
	`48`	`+`
Original file line number	Diff line number	Diff line change
`@@ -58,3 +58,4 @@ export function useScrollToTop() {`
`58`	`58`
`59`	`59`
`60`	`60`
	`61`	`+`
Original file line number	Diff line number	Diff line change
`@@ -65,3 +65,4 @@ export const Card: React.FC<CardProps> = ({`
`65`	`65`
`66`	`66`
`67`	`67`
	`68`	`+`
Original file line number	Diff line number	Diff line change
`@@ -49,3 +49,4 @@ export const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({`
`49`	`49`
`50`	`50`
`51`	`51`
	`52`	`+`
Original file line number	Diff line number	Diff line change
`@@ -60,3 +60,4 @@ export const ProgressBar: React.FC<ProgressBarProps> = ({`
`60`	`60`
`61`	`61`
`62`	`62`
	`63`	`+`
Original file line number	Diff line number	Diff line change
`@@ -86,3 +86,4 @@ export const FEATURE_FLAGS = {`
`86`	`86`
`87`	`87`
`88`	`88`
	`89`	`+`
Original file line number	Diff line number	Diff line change
`@@ -103,3 +103,4 @@ export function formatDuration(ms: number): string {`
`103`	`103`
`104`	`104`
`105`	`105`
	`106`	`+`
Original file line number	Diff line number	Diff line change
`@@ -4,3 +4,4 @@ export * from './constants';`
`4`	`4`
`5`	`5`
`6`	`6`
	`7`	`+`