Merge pull request #77 from NovaDrake76/dev

feat: privacy policy

src/Routes.tsx

@@ -7,6 +7,7 @@ import CoinFlip from "./pages/Coin/CoinFlip";
 import CrashGame from "./pages/Crash/Crash";
 import Upgrade from "./pages/Upgrade/Upgrade";
 import Slot from "./pages/Slot/Slot";
+import PrivacyPolicy from "./pages/About/PrivacyPolicy"
 
 const defaultRoutes = (
   <>
@@ -18,6 +19,7 @@ const defaultRoutes = (
     <Route path="/crash" element={<CrashGame />} />
     <Route path="/upgrade" element={<Upgrade />} />
     <Route path="/slot" element={<Slot />} />
+    <Route path="/privacy-policy" element={<PrivacyPolicy />} />
   </>
 );
 

src/components/TopPlayer.tsx

@@ -10,7 +10,7 @@ interface CardProps {
 const TopPlayer: React.FC<CardProps> = ({ user, rank }) => {
 
     return (
-        <div className={`relative w-64 ${rank === 1 ? '-mt-10' : 'invisible md:visible'}`}>
+        <div className={`relative w-64 ${rank === 1 ? '-mt-10' : 'hidden md:block'}`}>
             <div className='relative  z-50 flex flex-col items-center justify-center'>
                 <Player user={user} size="large" direction='column' showLevel={false} />
                 <div className='flex flex-col items-center gap-2'>

src/components/header/Navbar/RightContent.tsx

@@ -18,6 +18,7 @@ interface RightContentProps {
 
 const RightContent: React.FC<RightContentProps> = ({ loading, userData, openNotifications, setOpenNotifications, Logout }) => {
     const [hasUnreadNotifications, setHasUnreadNotifications] = useState(false)
+    const isMobile = window.innerWidth <= 768
 
     useEffect(() => {
         if (userData?.hasUnreadNotifications) {
@@ -43,9 +44,9 @@ const RightContent: React.FC<RightContentProps> = ({ loading, userData, openNoti
             </div>
 
             {!loading && (
-                <div className="flex items-center gap-2 text-green-400 font-normal text-lg hover:text-green-300 transition-all invisible md:visible">
-                    <BiWallet className="text-2xl" />
-                    <div className="max-w-[80px] md:max-w-[140px] overflow-hidden truncate">
+                <div className="flex items-center gap-2 text-green-400 font-normal text-lg hover:text-green-300 transition-all ">
+                    <BiWallet className="text-2xl hidden md:block " />
+                    <div className="max-w-[80px] md:max-w-[140px] overflow-hidden text-sm md:text-lg truncate ">
                         <Monetary value={Math.floor(userData?.walletBalance)} />
                     </div>
                 </div>
@@ -73,7 +74,7 @@ const RightContent: React.FC<RightContentProps> = ({ loading, userData, openNoti
 
                 }
             </div>
-            <Avatar image={userData?.profilePicture} loading={loading} id={userData?.id} size="medium" level={userData?.level} showLevel={true} />
+            <Avatar image={userData?.profilePicture} loading={loading} id={userData?.id} size={isMobile ? "small" : "medium"} level={userData?.level} showLevel={true} />
             <div
                 className="text-[#625F7E] font-normal text-lg cursor-pointer hover:text-gray-200 transition-all "
                 onClick={Logout}

src/components/modalsChilden/TermsOfPrivacy.tsx

@@ -11,7 +11,7 @@ const TermsOfPrivacy = () => {
             <span className="font-bold text-lg mb-4">Privacy Policy for KaniCasino</span>
             <span className="mb-2 italic">Last Updated: 04/02/2024</span>
             <span className="mb-2">
-                Welcome to KaniCasino! This Privacy Policy outlines how we collect, use, and protect your personal information when you use our open-source online casino at <span className="text-blue-500">kanicasino.novadrake.com</span>.
+                Welcome to KaniCasino! This Privacy Policy outlines how we collect, use, and protect your personal information when you use our open-source online casino at <span className="text-blue-500">kanicasino.com</span>.
             </span>
 
             {[

src/pages/About/PrivacyPolicy.tsx

@@ -0,0 +1,48 @@
+const PrivacyPolicySection = ({ title, content }: { title: string, content: string | JSX.Element[] }) => (
+    <div className="mb-2">
+        <span className="font-bold text-base">{title}:</span>
+        <span className="ml-2 text-justify">{content}</span>
+    </div>
+);
+
+
+const PrivacyPolicy = () => {
+    return (
+       <div className='flex items-center justify-center w-full'>
+         <div className="flex flex-col text-sm ">
+        <span className="font-bold text-lg mb-4">Privacy Policy for KaniCasino</span>
+        <span className="mb-2 italic">Last Updated: 04/02/2024</span>
+        <span className="mb-2">
+            Welcome to KaniCasino! This Privacy Policy outlines how we collect, use, and protect your personal information when you use our open-source online casino at <span className="text-blue-500">kanicasino.com</span>.
+        </span>
+
+        {[
+            {
+                title: '1. Information We Collect', content: [
+                    { title: '1.1 Personal Information', content: 'We do not collect any personally identifiable information, such as names, addresses, or contact details, as KaniCasino does not involve real money transactions.' },
+                    { title: '1.2 Gameplay Data', content: 'We may collect and store data related to your gameplay, including game statistics, in-game actions, and other relevant information to enhance your gaming experience and improve our services.' },
+                ]
+            },
+            {
+                title: '2. Use of Information', content: [
+                    { title: '2.1 Gameplay Optimization', content: 'We use the collected gameplay data to optimize the user experience, provide better game features, and troubleshoot any issues that may arise during gameplay.' },
+                    { title: '2.2 Communication', content: 'We may use your contact information if provided (e.g., email address) to communicate important updates, notifications, or respond to inquiries related to KaniCasino.' },
+                ]
+            },
+            { title: '3. Data Security', content: 'We take reasonable measures to safeguard the information we collect to prevent unauthorized access, disclosure, alteration, or destruction of your data.' },
+            { title: '4. Third-Party Services', content: 'KaniCasino may utilize third-party services for analytics, hosting, or other purposes. These services have their own privacy policies, and we encourage you to review them.' },
+            { title: '5. Changes to Privacy Policy', content: 'This Privacy Policy may be updated from time to time. Any changes will be reflected on this page, and it is your responsibility to review this policy periodically.' },
+            { title: '6. Contact Us', content: 'If you have any questions or concerns about this Privacy Policy, please contact us at novadrake76@gmail.com' },
+        ].map((section, index) => (
+            <PrivacyPolicySection key={index} title={section.title} content={Array.isArray(section.content) ? section.content.map((item, i) => (<PrivacyPolicySection key={i} title={item.title} content={item.content} />)) : section.content} />
+        ))}
+
+        <span className="mt-4">
+            By using KaniCasino, you agree to the terms outlined in this Privacy Policy.
+        </span>
+    </div>
+       </div>
+    );
+};
+
+export default PrivacyPolicy;