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

38
components/ServerRail.tsx Normal file
View File

@@ -0,0 +1,38 @@
import React from 'react';
import { Compass, Plus, Download, Home } from 'lucide-react';
const ServerRail: React.FC = () => {
return (
<div className="hidden sm:flex flex-col items-center w-[72px] bg-[#1e1f22] py-3 space-y-2 overflow-y-auto no-scrollbar">
{/* Home Icon */}
<div className="group relative flex items-center justify-center w-12 h-12 bg-[#5865F2] text-white rounded-[16px] cursor-pointer transition-all duration-200 hover:rounded-[16px] hover:bg-[#5865F2]">
<Home size={28} />
<div className="absolute left-0 w-1 h-8 bg-white rounded-r-full -ml-4" />
</div>
<div className="w-8 h-[2px] bg-[#35363C] rounded-lg mx-auto" />
{/* Mock Servers */}
{[...Array(3)].map((_, i) => (
<div key={i} className="group relative flex items-center justify-center w-12 h-12 bg-[#313338] hover:bg-[#5865F2] text-gray-100 hover:text-white rounded-[24px] hover:rounded-[16px] transition-all duration-200 cursor-pointer">
<img
src={`https://picsum.photos/seed/server${i}/50/50`}
alt="Server"
className="w-full h-full object-cover rounded-[inherit]"
/>
<div className="absolute left-0 w-1 h-2 bg-white rounded-r-full -ml-4 opacity-0 group-hover:opacity-100 group-hover:h-5 transition-all duration-200" />
</div>
))}
<div className="group relative flex items-center justify-center w-12 h-12 bg-[#313338] hover:bg-[#23a559] text-[#23a559] hover:text-white rounded-[24px] hover:rounded-[16px] transition-all duration-200 cursor-pointer">
<Plus size={24} />
</div>
<div className="group relative flex items-center justify-center w-12 h-12 bg-[#313338] hover:bg-[#23a559] text-[#23a559] hover:text-white rounded-[24px] hover:rounded-[16px] transition-all duration-200 cursor-pointer">
<Compass size={24} />
</div>
</div>
);
};
export default ServerRail;