m/custom-discord-ai-chatbot-site
1
0
Fork 0
mirror of https://github.com/m4rcel-lol/custom-discord-ai-chatbot-site.git synced 2025-12-06 19:03:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

feat: Initialize Discord-style AI chat project

Browse Source 
Sets up the project structure, dependencies, and basic configuration for a Discord-inspired AI chat application. Includes placeholder components and types, Vite configuration for local development, and basic styling for a dark theme and custom scrollbars. Integrates Gemini API key handling and a service for sending messages.
This commit is contained in:
m5rcel { Marcel }
2025-12-04 21:13:35 +01:00
parent 2e3ea2d71d
commit cb1f66dbff
18 changed files with 1130 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
components/Badges.tsx Normal file
View File

@@ -0,0 +1,41 @@
import React from 'react';
// Updated to Green "Verified AI" style
export const VerifiedBotBadge = () => (
<span className="flex items-center gap-[2px] bg-[#23a559] text-white text-[10px] px-[4px] rounded-[4px] h-[15px] select-none align-baseline ml-1.5 font-medium leading-none">
<svg aria-label="Verified AI" aria-hidden="false" role="img" width="10" height="10" viewBox="0 0 16 15.2" fill="none" xmlns="http://www.w3.org/2000/svg" className="mt-[1px]">
<path d="M7.4,11.17,4.17,8.22,5.55,6.81l1.85,1.69L12.95,3l1.38,1.43L7.4,11.17Z" fill="currentColor"/>
</svg>
AI
</span>
);
export const StaffBadge = () => (
<div className="group/badge relative cursor-pointer hover:bg-[#3f4147] rounded p-0.5" title="Discord Staff">
<img
src="https://raw.githubusercontent.com/m4rcel-lol/assets/27e24d3b15c32ba2d39e54d544b66ba2575e2e3d/865852-discord-clyde.png"
alt="Discord Staff"
className="w-[22px] h-[22px] object-contain"
/>
</div>
);
export const CertifiedBadge = () => (
<div className="group/badge relative cursor-pointer hover:bg-[#3f4147] rounded p-0.5" title="Nitro Subscriber Since February 21st 2024">
<img
src="https://raw.githubusercontent.com/m4rcel-lol/assets/283298c22f1a688c8277e1f6777144731bfdf1e0/67822-opal-nitro-tier.png"
alt="Nitro Subscriber"
className="w-[22px] h-[22px] object-contain"
/>
</div>
);
export const BugHunterBadge = () => (
<div className="group/badge relative cursor-pointer hover:bg-[#3f4147] rounded p-0.5" title="This Chatbot has been made by Google">
<img
src="https://raw.githubusercontent.com/m4rcel-lol/assets/0d09cd59eed6bf752d4dfdcfb21dada876860012/47207-google.png"
alt="Made by Google"
className="w-[22px] h-[22px] object-contain"
/>
</div>
);