ok, mrc. ah et aussi, change le logo de discord, c pas le bon

Author: softpython2884

src/app/(app)/profile/page.tsx

@@ -4,7 +4,8 @@
 import { useAuth } from '@/hooks/useAuth';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from '@/components/ui/card';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
-import { User as UserIcon, Mail, Shield, Edit3, Image as ImageIcon, Github, Link2, PowerOff, ExternalLink, MessageSquare, Loader2 } from 'lucide-react'; // Added Loader2
+import { User as UserIcon, Mail, Shield, Edit3, Image as ImageIcon, Github, Link2, PowerOff, ExternalLink, Loader2 } from 'lucide-react'; // Added Loader2
+import { DiscordIcon } from '@/components/icons/DiscordIcon';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -443,7 +444,7 @@ export default function ProfilePage() {
            <Card className="p-4 bg-muted/30">
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-3">
-                <MessageSquare className="h-8 w-8 text-indigo-500" />
+                <DiscordIcon className="h-8 w-8 text-[#5865F2]" />
                 <div>
                   <h4 className="font-semibold">Discord</h4>
                   {isLoadingDiscord ? (
@@ -472,7 +473,7 @@ export default function ProfilePage() {
                 </Button>
               ) : (
                 <Button onClick={handleConnectDiscord}>
-                  <MessageSquare className="mr-2 h-4 w-4" /> Connect
+                  <DiscordIcon className="mr-2 h-4 w-4" /> Connect
                 </Button>
               )}
             </div>

src/components/auth/LoginForm.tsx

@@ -17,7 +17,8 @@ import {
 import { Input } from "@/components/ui/input";
 import { useAuth } from "@/hooks/useAuth";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { AlertTriangle, Mail, KeyRound, Github, MessageSquare } from "lucide-react";
+import { AlertTriangle, Mail, KeyRound, Github } from "lucide-react";
+import { DiscordIcon } from '@/components/icons/DiscordIcon';
 import Link from "next/link";
 import { useState } from "react";
 
@@ -128,7 +129,7 @@ export function LoginForm() {
             <Github className="mr-2 h-4 w-4" /> GitHub
           </Button>
           <Button variant="outline" type="button" onClick={() => window.location.href='/api/auth/discord/oauth/login'}>
-            <MessageSquare className="mr-2 h-4 w-4" /> Discord
+            <DiscordIcon className="mr-2 h-4 w-4" /> Discord
           </Button>
         </div>
 

src/components/auth/SignupForm.tsx

@@ -17,7 +17,8 @@ import {
 import { Input } from "@/components/ui/input";
 import { useAuth } from "@/hooks/useAuth";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { AlertTriangle, Mail, User as UserIcon, KeyRound, Github, MessageSquare } from "lucide-react";
+import { AlertTriangle, Mail, User as UserIcon, KeyRound, Github } from "lucide-react";
+import { DiscordIcon } from '@/components/icons/DiscordIcon';
 import Link from "next/link";
 import { useState } from "react";
 
@@ -152,7 +153,7 @@ export function SignupForm() {
             <Github className="mr-2 h-4 w-4" /> GitHub
           </Button>
           <Button variant="outline" type="button" onClick={() => window.location.href='/api/auth/discord/oauth/login'}>
-            <MessageSquare className="mr-2 h-4 w-4" /> Discord
+            <DiscordIcon className="mr-2 h-4 w-4" /> Discord
           </Button>
         </div>
 

src/components/icons/DiscordIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+export const DiscordIcon = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Discord</title>
+    <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4464.8257-.618 1.2529a17.2963 17.2963 0 00-5.4844 0c-.1716-.4272-.407-.8776-.618-1.2529a.0741.0741 0 00-.0785-.0371 19.7913 19.7913 0 00-4.8851 1.5152.0691.0691 0 00-.0321.0271C.5334 9.0458-.319 13.5799.0992 18.0578a.0821.0821 0 00.0312.0581c2.0283 1.2263 4.3517 1.9943 6.5079 2.2223a.0741.0741 0 00.084-.0682c.2012-1.0779.3717-2.1459.504-3.2384a.0711.0711 0 00-.048-.0831c-.4734-.1432-.9532-.3132-1.412-.4992a.0751.0751 0 01-.041-.0991c.1453-.2993.294-.6027.4368-.9108a.0741.0741 0 01.0705-.0451c.719-.2294 1.4483-.4323 2.1695-.6004a.0741.0741 0 01.0755.009c2.2273 1.055 4.7075 1.4939 7.2197 1.4939a16.5923 16.5923 0 005.1633-1.033.0751.0751 0 00.05-.1451c.368-1.055.67-2.1459.886-3.2684a.0751.0751 0 00-.057-.0861c-.454-.1582-.913-.3027-1.357-.4572a.0751.0751 0 00-.081.021c-.201.2334-.391.474-.57.7186a.0751.0751 0 01-.092.0341c-.74-.24-1.469-.511-2.169-.814a.0751.0751 0 01-.022-.084c.127-.24.25-.484.37-.722a.0751.0751 0 01.062-.047c.63-.193 1.25-.4 1.85-.61a.0751.0751 0 01.071.013c3.34 1.95 5.76 5.49 5.76 5.49a.07.07 0 00.031.033c2.47 1.13 5.1 1.76 7.47 1.76a.0751.0751 0 00.07-.058c.48-4.59-.44-9.16-3.4-13.63a.07.07 0 00-.03-.027zM8.02 15.3312c-.78 0-1.42-.64-1.42-1.42s.64-1.42 1.42-1.42c.78 0 1.41.64 1.41 1.42s-.63 1.42-1.41 1.42zm7.98 0c-.78 0-1.42-.64-1.42-1.42s.64-1.42 1.42-1.42c.78 0 1.41.64 1.41 1.42s-.63 1.42-1.41 1.42z" />
+  </svg>
+);