add: added le poisson steve

front/src/components/MessageComponent.tsx

@@ -30,6 +30,11 @@ export default function MessageComponent({ message, user, channel, deleteMessage
                     <img src="/pig.png" alt="Gros cochon" className="pig" />
                 )}
             </div>
+            <div>
+                {message.content.toLocaleLowerCase().includes("le poisson steve") && (
+                    <img src="/le_poisson_steve.png" alt="Le poisson steve" className="fish" />
+                )}
+            </div>
             {channel && deleteMessage ? (
                 user?.id === message.user_id || user?.id === channel?.owner_id || user?.admin === 1) && (
                     <button onClick={() => {deleteMessage(message.id)}}>Delete</button>

front/src/index.css

@@ -13,4 +13,8 @@ html {
 
 .pig {
     width: 200px;
+}
+
+.fish {
+    width: 300px;
 }