Reaction Roles

Author: iimazin11

README.md

@@ -21,10 +21,11 @@ last bg #1d1c27
 - Leveling System [✅]
 - Auto Roles [✅]
 - Audit Logs [✅]
-- Colors []
-- Reaction Roles []
+- Colors [❌]
+- Reaction Roles [✅]
+- Voice Online []
 - Temporary Channels []
-- Ticket []
+- Ticket [❌]
 - Giveaway Setting []
 - Youtube []
 - Twitch []

app/server/[id]/auditlogs/page.jsx

@@ -10,9 +10,10 @@ import Link from "next/link";
 import { useState, useEffect } from "react";
 import AuditLogsTable from "@/components/dashboard/server/home_log";
 import { motion, AnimatePresence } from "framer-motion";
-import { HexColorPicker } from "react-colorful";
+import { HexColorPicker, HexAlphaColorPicker, HslaStringColorPicker, RgbaColorPicker , RgbColorPicker    } from "react-colorful";
 import { useRouter } from "next/navigation";
 
+
 export default function Dashboard() {
 
     const [isOpen, setIsOpen] = useState(false);
@@ -53,7 +54,7 @@ export default function Dashboard() {
             acc[logName] = {
                 enabled: false,
                 channel: null,
-                color: "#3357FF"
+                color: "#4f39f6"
             };
             return acc;
         }, {})
@@ -218,14 +219,14 @@ export default function Dashboard() {
                                 {openColorPicker === logName && (
                                     <>
                                         <motion.div
-                                            className="fixed inset-0 z-40"
+                                            className="fixed inset-0 z-30"
                                             initial={{ opacity: 0 }}
                                             animate={{ opacity: 1 }}
                                             exit={{ opacity: 0 }}
                                             onClick={() => setOpenColorPicker(null)}
                                         />
                                         <motion.div
-                                            className="absolute z-[9999]  "
+                                            className="absolute z-40 -translate-y-2  "
                                             initial={{ opacity: 0, scale: 0.95, y: -10 }}
                                             animate={{ opacity: 1, scale: 1, y: 0 }}
                                             exit={{ opacity: 0, scale: 0.95, y: -10 }}

app/server/[id]/gsettings/page.jsx

@@ -0,0 +1,67 @@
+'use client'
+import Navbar from "@/components/dashboard/navbar"
+import Sidebar from "@/components/dashboard/sidebar"
+import { useSidebar } from "@/context/userSidebar";
+import { LogOut, LayoutDashboard, Trash2 } from "lucide-react"
+import Page from "@/components/dashboard/server/page";
+import JoinsAndLeaves from "@/components/dashboard/server/joinandleaves";
+import Messages from "@/components/dashboard/server/messages";
+import Link from "next/link";
+import { useState, useEffect } from "react";
+import AuditLogsTable from "@/components/dashboard/server/home_log";
+import { motion, AnimatePresence } from "framer-motion";
+import { HexColorPicker } from "react-colorful";
+import { useRouter } from "next/navigation";
+
+export default function Dashboard() {
+
+    const [isOpen, setIsOpen] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [color, setColor] = useState("#3357FF");
+    const router = useRouter();
+
+    const addCommas = (num) => {
+        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    };
+
+
+    function darken(hex, amount = 20) {
+        let col = hex.replace('#', '')
+        if (col.length === 3)
+            col = col.split('').map(c => c + c).join('')
+        const num = parseInt(col, 16)
+        let r = (num >> 16) - amount
+        let g = ((num >> 8) & 0x00ff) - amount
+        let b = (num & 0x0000ff) - amount
+        r = r < 0 ? 0 : r
+        g = g < 0 ? 0 : g
+        b = b < 0 ? 0 : b
+        return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, '0')}`
+    }
+
+    const formatted = addCommas("1250000")
+
+    return (
+        <>
+
+            <div className="flex flex-col md:flex-row md:items-center gap-1 md:gap-4 mb-4">
+                <h2 className="text-white flex space-x-2 font-medium text-lg md:text-xl">
+                    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} className="w-6.5 h-6.5" viewBox="0 0 24 24">
+                        <g fill="none" stroke="currentColor" strokeWidth={2}>
+                            <path d="M16.308 4.384c-.59 0-.886 0-1.155-.1l-.111-.046c-.261-.12-.47-.328-.888-.746c-.962-.962-1.443-1.443-2.034-1.488a2 2 0 0 0-.24 0c-.591.045-1.072.526-2.034 1.488c-.418.418-.627.627-.888.746l-.11.046c-.27.1-.565.1-1.156.1h-.11c-1.507 0-2.261 0-2.73.468s-.468 1.223-.468 2.73v.11c0 .59 0 .886-.1 1.155q-.022.057-.046.111c-.12.261-.328.47-.746.888c-.962.962-1.443 1.443-1.488 2.034a2 2 0 0 0 0 .24c.045.591.526 1.072 1.488 2.034c.418.418.627.627.746.888q.025.054.046.11c.1.27.1.565.1 1.156v.11c0 1.507 0 2.261.468 2.73s1.223.468 2.73.468h.11c.59 0 .886 0 1.155.1q.057.021.111.046c.261.12.47.328.888.746c.962.962 1.443 1.443 2.034 1.488q.12.009.24 0c.591-.045 1.072-.526 2.034-1.488c.418-.418.627-.626.888-.746q.054-.025.11-.046c.27-.1.565-.1 1.156-.1h.11c1.507 0 2.261 0 2.73-.468s.468-1.223.468-2.73v-.11c0-.59 0-.886.1-1.155q.021-.057.046-.111c.12-.261.328-.47.746-.888c.962-.962 1.443-1.443 1.488-2.034q.009-.12 0-.24c-.045-.591-.526-1.072-1.488-2.034c-.418-.418-.626-.627-.746-.888l-.046-.11c-.1-.27-.1-.565-.1-1.156v-.11c0-1.507 0-2.261-.468-2.73s-1.223-.468-2.73-.468z"></path>
+                            <path d="M15.5 12a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0Z"></path>
+                        </g>
+                    </svg>
+                    <span>Giveaway Settings</span>
+                </h2>
+
+            </div>
+            <hr className="border-[#302e46]  mb-4" />
+
+
+
+
+
+        </>
+    )
+}

app/server/[id]/logs/page.jsx

@@ -0,0 +1,67 @@
+'use client'
+import Navbar from "@/components/dashboard/navbar"
+import Sidebar from "@/components/dashboard/sidebar"
+import { useSidebar } from "@/context/userSidebar";
+import { LogOut, LayoutDashboard, Trash2 } from "lucide-react"
+import Page from "@/components/dashboard/server/page";
+import JoinsAndLeaves from "@/components/dashboard/server/joinandleaves";
+import Messages from "@/components/dashboard/server/messages";
+import Link from "next/link";
+import { useState, useEffect } from "react";
+import AuditLogsTable from "@/components/dashboard/server/home_log";
+import { motion, AnimatePresence } from "framer-motion";
+import { HexColorPicker } from "react-colorful";
+import { useRouter } from "next/navigation";
+
+export default function Dashboard() {
+
+    const [isOpen, setIsOpen] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [color, setColor] = useState("#3357FF");
+    const router = useRouter();
+
+    const addCommas = (num) => {
+        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    };
+
+
+    function darken(hex, amount = 20) {
+        let col = hex.replace('#', '')
+        if (col.length === 3)
+            col = col.split('').map(c => c + c).join('')
+        const num = parseInt(col, 16)
+        let r = (num >> 16) - amount
+        let g = ((num >> 8) & 0x00ff) - amount
+        let b = (num & 0x0000ff) - amount
+        r = r < 0 ? 0 : r
+        g = g < 0 ? 0 : g
+        b = b < 0 ? 0 : b
+        return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, '0')}`
+    }
+
+    const formatted = addCommas("1250000")
+
+    return (
+        <>
+
+            <div className="flex flex-col md:flex-row md:items-center gap-1 md:gap-4 mb-4">
+                <h2 className="text-white flex space-x-2 font-medium text-lg md:text-xl">
+                    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} className="w-6.5 h-6.5" viewBox="0 0 24 24">
+                        <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2}>
+                            <path d="M17 12h-2l-2 5l-2-10l-2 5H7"></path>
+                            <path d="M3 12c0-4.243 0-6.364 1.318-7.682S7.758 3 12 3s6.364 0 7.682 1.318S21 7.758 21 12s0 6.364-1.318 7.682S16.242 21 12 21s-6.364 0-7.682-1.318S3 16.242 3 12"></path>
+                        </g>
+                    </svg>
+                    <span>Dashboard Logs</span>
+                </h2>
+
+            </div>
+            <hr className="border-[#302e46]  mb-4" />
+
+
+
+
+
+        </>
+    )
+}