Add home icon to share boxes

Add a home icon to the share boxes and link it to the homepage.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-21 10:08:00 +00:00
parent e6f60d6cbf
commit f9dcdaeddc

View file

@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Card, CardContent } from '@/components/ui/card'; import { Card, CardContent } from '@/components/ui/card';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
import { Share2, Copy, QrCode, Twitter, Facebook, Linkedin } from 'lucide-react'; import { Share2, Copy, QrCode, Twitter, Facebook, Linkedin, Home } from 'lucide-react';
import { useToast } from '@/hooks/use-toast'; import { useToast } from '@/hooks/use-toast';
import QRCode from 'qrcode'; import QRCode from 'qrcode';
import { validateShareData, rateLimiter } from '@/utils/security'; import { validateShareData, rateLimiter } from '@/utils/security';
@ -204,6 +204,17 @@ const SocialShare: React.FC<SocialShareProps> = ({
</div> </div>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
{/* Home button */}
<Button
variant="outline"
size="sm"
onClick={() => window.location.href = '/'}
className="flex items-center gap-2"
>
<Home className="w-4 h-4" />
<span className="hidden sm:inline">Home</span>
</Button>
</div> </div>
</div> </div>
</div> </div>