@armoyu/ui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/api/proxy/[...path]/route.d.ts +22 -0
- package/dist/app/api/proxy/[...path]/route.d.ts.map +1 -0
- package/dist/app/api/proxy/[...path]/route.js +89 -0
- package/dist/app/api/proxy/[...path]/route.js.map +1 -0
- package/dist/app/layout.js +11 -11
- package/dist/components/Button.d.ts +7 -7
- package/dist/components/Button.js +15 -15
- package/dist/components/GenderStatsBar.d.ts +5 -5
- package/dist/components/GenderStatsBar.js +7 -7
- package/dist/components/RollingNumber.d.ts +6 -6
- package/dist/components/RollingNumber.js +23 -23
- package/dist/components/Slider.d.ts +10 -10
- package/dist/components/Slider.js +35 -35
- package/dist/components/StatsGrid.js +13 -13
- package/dist/components/ViewModeToggle.d.ts +7 -7
- package/dist/components/ViewModeToggle.js +9 -9
- package/dist/components/modules/auth/Dashboard.js +250 -250
- package/dist/components/modules/auth/MediaLightbox.d.ts +13 -13
- package/dist/components/modules/auth/MediaLightbox.js +46 -46
- package/dist/components/modules/auth/PostCard.js +112 -112
- package/dist/components/modules/auth/PostInteractionsModal.js +12 -12
- package/dist/components/modules/auth/RepostModal.js +75 -75
- package/dist/components/modules/auth/SidebarLeft.js +40 -40
- package/dist/components/modules/auth/Stories.js +15 -15
- package/dist/components/modules/auth/StoryViewer.js +47 -47
- package/dist/components/modules/chat/ChatContainer.js +196 -196
- package/dist/components/modules/chat/ChatInput.js +30 -30
- package/dist/components/modules/chat/ChatList.js +51 -51
- package/dist/components/modules/chat/ChatMessage.d.ts +11 -11
- package/dist/components/modules/chat/ChatMessage.js +6 -6
- package/dist/components/modules/chat/ChatNotes.js +11 -11
- package/dist/components/modules/community/GroupHeader.js +17 -17
- package/dist/components/modules/community/GroupMenu.js +16 -16
- package/dist/components/modules/community/SchoolCard.js +7 -7
- package/dist/components/modules/community/SurveyCard.js +35 -35
- package/dist/components/modules/forum/ForumBoard.d.ts +16 -16
- package/dist/components/modules/forum/ForumBoard.js +6 -6
- package/dist/components/modules/forum/ForumPost.d.ts +13 -13
- package/dist/components/modules/forum/ForumPost.js +5 -5
- package/dist/components/modules/forum/NewTopicModal.d.ts +7 -7
- package/dist/components/modules/forum/NewTopicModal.js +26 -26
- package/dist/components/modules/forum/TopicItem.d.ts +15 -15
- package/dist/components/modules/forum/TopicItem.js +6 -6
- package/dist/components/modules/galleries/GalleryCard.d.ts +9 -9
- package/dist/components/modules/galleries/GalleryCard.js +5 -5
- package/dist/components/modules/giveaways/GiveawayCard.d.ts +9 -9
- package/dist/components/modules/giveaways/GiveawayCard.js +6 -6
- package/dist/components/modules/groups/ApplicationModal.d.ts +7 -7
- package/dist/components/modules/groups/ApplicationModal.js +27 -27
- package/dist/components/modules/groups/GroupCard.d.ts +12 -12
- package/dist/components/modules/groups/GroupCard.js +6 -6
- package/dist/components/modules/guest/Introduction.js +13 -13
- package/dist/components/modules/magaza/BackToStore.js +10 -10
- package/dist/components/modules/magaza/StoreHeader.js +8 -8
- package/dist/components/modules/news/NewsCard.js +6 -6
- package/dist/components/modules/news/NewsComments.js +52 -52
- package/dist/components/modules/profile/CloudStorageModal.d.ts +8 -8
- package/dist/components/modules/profile/CloudStorageModal.js +31 -31
- package/dist/components/modules/profile/EditProfileModal.d.ts +8 -8
- package/dist/components/modules/profile/EditProfileModal.js +27 -27
- package/dist/components/modules/profile/ProfileContent.js +70 -70
- package/dist/components/modules/profile/ProfileHeader.js +19 -19
- package/dist/components/modules/profile/ProfileStats.d.ts +1 -1
- package/dist/components/modules/profile/ProfileStats.js +14 -14
- package/dist/components/modules/profile/TeamSelectorModal.js +16 -16
- package/dist/components/modules/stations/StationCard.js +25 -25
- package/dist/components/modules/stations/StationQRModal.js +12 -12
- package/dist/components/shared/FloatingChatButton.js +20 -20
- package/dist/components/shared/Footer.d.ts +1 -1
- package/dist/components/shared/Footer.js +9 -9
- package/dist/components/shared/Header.js +97 -97
- package/dist/components/shared/LoginModal.d.ts.map +1 -1
- package/dist/components/shared/LoginModal.js +12 -16
- package/dist/components/shared/LoginModal.js.map +1 -1
- package/dist/components/shared/MainLayoutWrapper.js +7 -7
- package/dist/components/shared/PageWidth.d.ts +5 -5
- package/dist/components/shared/PageWidth.js +13 -13
- package/dist/components/showcase/SocialTab.d.ts.map +1 -1
- package/dist/components/showcase/SocialTab.js +47 -2
- package/dist/components/showcase/SocialTab.js.map +1 -1
- package/dist/context/AuthContext.d.ts +1 -1
- package/dist/context/AuthContext.d.ts.map +1 -1
- package/dist/context/AuthContext.js +52 -33
- package/dist/context/AuthContext.js.map +1 -1
- package/dist/context/CartContext.js +63 -63
- package/dist/context/ChatContext.d.ts +12 -12
- package/dist/context/ChatContext.js +17 -17
- package/dist/context/LayoutContext.d.ts +10 -10
- package/dist/context/LayoutContext.js +16 -16
- package/dist/context/SocketContext.js +30 -30
- package/dist/context/ThemeContext.d.ts +10 -10
- package/dist/context/ThemeContext.js +39 -39
- package/dist/index.js +80 -80
- package/dist/lib/constants/educationData.js +117 -117
- package/dist/lib/constants/punishmentData.d.ts +29 -29
- package/dist/lib/constants/punishmentData.js +183 -183
- package/dist/lib/constants/seedData.js +694 -694
- package/dist/lib/constants/stationData.js +166 -166
- package/dist/lib/constants/surveyData.js +49 -49
- package/dist/lib/constants/teamData.js +65 -65
- package/dist/types/stats.d.ts +17 -17
- package/dist/types/stats.js +1 -1
- package/package.json +47 -46
- package/src/globals.css +187 -187
- package/next.config.ts +0 -13
- package/postcss.config.js +0 -6
- package/src/app/layout.tsx +0 -64
- package/src/app/page.tsx +0 -101
- package/src/components/Button.tsx +0 -41
- package/src/components/GenderStatsBar.tsx +0 -66
- package/src/components/RollingNumber.tsx +0 -50
- package/src/components/Slider.tsx +0 -114
- package/src/components/StatsGrid.tsx +0 -35
- package/src/components/ViewModeToggle.tsx +0 -39
- package/src/components/modules/auth/Dashboard.tsx +0 -649
- package/src/components/modules/auth/MediaLightbox.tsx +0 -112
- package/src/components/modules/auth/PostCard.tsx +0 -556
- package/src/components/modules/auth/PostInteractionsModal.tsx +0 -138
- package/src/components/modules/auth/RepostModal.tsx +0 -167
- package/src/components/modules/auth/SidebarLeft.tsx +0 -237
- package/src/components/modules/auth/Stories.tsx +0 -69
- package/src/components/modules/auth/StoryViewer.tsx +0 -146
- package/src/components/modules/chat/ChatContainer.tsx +0 -332
- package/src/components/modules/chat/ChatInput.tsx +0 -57
- package/src/components/modules/chat/ChatList.tsx +0 -179
- package/src/components/modules/chat/ChatMessage.tsx +0 -43
- package/src/components/modules/chat/ChatNotes.tsx +0 -58
- package/src/components/modules/community/GroupHeader.tsx +0 -111
- package/src/components/modules/community/GroupMenu.tsx +0 -82
- package/src/components/modules/community/SchoolCard.tsx +0 -104
- package/src/components/modules/community/SurveyCard.tsx +0 -149
- package/src/components/modules/forum/ForumBoard.tsx +0 -78
- package/src/components/modules/forum/ForumPost.tsx +0 -71
- package/src/components/modules/forum/NewTopicModal.tsx +0 -112
- package/src/components/modules/forum/TopicItem.tsx +0 -72
- package/src/components/modules/galleries/GalleryCard.tsx +0 -66
- package/src/components/modules/giveaways/GiveawayCard.tsx +0 -76
- package/src/components/modules/groups/ApplicationModal.tsx +0 -133
- package/src/components/modules/groups/GroupCard.tsx +0 -96
- package/src/components/modules/guest/Introduction.tsx +0 -60
- package/src/components/modules/magaza/BackToStore.tsx +0 -53
- package/src/components/modules/magaza/StoreHeader.tsx +0 -74
- package/src/components/modules/news/NewsCard.tsx +0 -66
- package/src/components/modules/news/NewsComments.tsx +0 -141
- package/src/components/modules/profile/CloudStorageModal.tsx +0 -200
- package/src/components/modules/profile/EditProfileModal.tsx +0 -191
- package/src/components/modules/profile/ProfileContent.tsx +0 -491
- package/src/components/modules/profile/ProfileHeader.tsx +0 -128
- package/src/components/modules/profile/ProfileStats.tsx +0 -72
- package/src/components/modules/profile/TeamSelectorModal.tsx +0 -129
- package/src/components/modules/stations/StationCard.tsx +0 -95
- package/src/components/modules/stations/StationQRModal.tsx +0 -102
- package/src/components/shared/FloatingChatButton.tsx +0 -57
- package/src/components/shared/Footer.tsx +0 -77
- package/src/components/shared/Header.tsx +0 -799
- package/src/components/shared/LoginModal.tsx +0 -208
- package/src/components/shared/MainLayoutWrapper.tsx +0 -15
- package/src/components/shared/PageWidth.tsx +0 -22
- package/src/components/showcase/CommunityTab.tsx +0 -22
- package/src/components/showcase/CorporateTab.tsx +0 -38
- package/src/components/showcase/GeneralTab.tsx +0 -41
- package/src/components/showcase/MessagesTab.tsx +0 -26
- package/src/components/showcase/ProfileTab.tsx +0 -20
- package/src/components/showcase/ShopTab.tsx +0 -24
- package/src/components/showcase/SocialTab.tsx +0 -28
- package/src/context/AuthContext.tsx +0 -104
- package/src/context/CartContext.tsx +0 -93
- package/src/context/ChatContext.tsx +0 -32
- package/src/context/LayoutContext.tsx +0 -29
- package/src/context/SocketContext.tsx +0 -50
- package/src/context/ThemeContext.tsx +0 -52
- package/src/index.ts +0 -96
- package/src/lib/constants/educationData.ts +0 -124
- package/src/lib/constants/punishmentData.ts +0 -201
- package/src/lib/constants/seedData.ts +0 -758
- package/src/lib/constants/stationData.ts +0 -170
- package/src/lib/constants/surveyData.ts +0 -53
- package/src/lib/constants/teamData.ts +0 -69
- package/src/lib/utils/numberFormat.ts +0 -16
- package/src/lib/utils/odpUtils.ts +0 -51
- package/src/types/index.ts +0 -1
- package/src/types/stats.ts +0 -17
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import { EditProfileModal } from './EditProfileModal';
|
|
5
|
-
import { MOCK_RANKING_POPULARITY } from '../../../lib/constants/seedData';
|
|
6
|
-
export function ProfileHeader({ user, isOwnProfile }) {
|
|
7
|
-
const [isEditModalOpen, setIsEditModalOpen] = useState(false);
|
|
8
|
-
const name = user.displayName || user.name || 'İsimsiz Oyuncu';
|
|
9
|
-
const banner = user.banner || 'https://images.unsplash.com/photo-1614680376593-902f74cf0d41?q=80&w=2574&auto=format&fit=crop';
|
|
10
|
-
const badge = user.badge || user.role?.name || '';
|
|
11
|
-
const socials = user.socials || {};
|
|
12
|
-
// Sıralama Bilgisi
|
|
13
|
-
const rankIndex = MOCK_RANKING_POPULARITY.findIndex((r) => r.username === user.username);
|
|
14
|
-
const rank = rankIndex !== -1 ? rankIndex + 1 : null;
|
|
15
|
-
return (_jsxs("div", { className: "w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl overflow-hidden shadow-sm", children: [_jsxs("div", { className: "h-48 md:h-72 w-full relative", children: [_jsx("img", { src: banner, alt: "Kapak", className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" })] }), _jsxs("div", { className: "px-6 md:px-10 pb-6 relative flex flex-col md:flex-row md:justify-between md:items-end", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-end gap-4 md:gap-6 -mt-16 md:-mt-20 relative z-10 mb-6 md:mb-0", children: [_jsxs("div", { className: "relative group shrink-0", children: [_jsx("div", { className: "w-32 h-32 md:w-40 md:h-40 rounded-full border-4 border-armoyu-bg overflow-hidden shadow-xl bg-black/5 dark:bg-white/5", children: _jsx("img", { src: user.avatar, alt: name, className: "w-full h-full object-cover" }) }), rank && (_jsxs("div", { className: `absolute -top-1 -right-1 w-10 h-10 md:w-12 md:h-12 rounded-2xl flex flex-col items-center justify-center shadow-xl border-2 transform rotate-12 group-hover:rotate-0 transition-transform duration-500 z-20 ${rank === 1 ? 'bg-gradient-to-br from-yellow-400 via-yellow-500 to-yellow-600 border-yellow-300' :
|
|
16
|
-
rank === 2 ? 'bg-gradient-to-br from-slate-300 via-slate-400 to-slate-500 border-slate-200' :
|
|
17
|
-
rank === 3 ? 'bg-gradient-to-br from-orange-400 via-orange-500 to-orange-600 border-orange-300' :
|
|
18
|
-
'bg-blue-600 border-blue-400'}`, children: [rank === 1 && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", className: "text-yellow-100 mb-0.5", children: _jsx("path", { d: "M5 21h14a2 2 0 0 0 2-2V5L12 2 3 5v14a2 2 0 0 0 2 2z" }) })), _jsxs("span", { className: "text-[10px] md:text-xs font-black text-white leading-none", children: ["#", rank] }), _jsx("span", { className: "text-[6px] md:text-[8px] font-bold text-white/80 uppercase tracking-tighter", children: "POP" })] }))] }), _jsxs("div", { className: "pb-2 text-center md:text-left", children: [_jsxs("div", { className: "flex flex-col md:flex-row items-center gap-2 md:gap-3", children: [_jsx("h1", { className: "text-2xl md:text-3xl font-black text-armoyu-text tracking-tight", children: name }), badge && (_jsx("span", { className: "bg-blue-500/10 text-blue-600 dark:text-blue-400 text-xs font-bold px-2.5 py-1 rounded-md uppercase tracking-wider border border-blue-500/20 shadow-sm", children: badge }))] }), _jsxs("p", { className: "text-blue-600 dark:text-blue-400 font-extrabold mt-1 text-sm md:text-base mb-3", children: ["@", user.username] }), socials && (_jsxs("div", { className: "flex items-center justify-center md:justify-start gap-4 mt-2", children: [socials.discord && (_jsx("a", { href: socials.discord, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#5865F2]/10 hover:bg-[#5865F2]/20 text-[#5865F2] flex items-center justify-center transition-all hover:scale-110", title: "Discord", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2498-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8745-.6177-1.2498a.077.077 0 00-.0788-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" }) }) })), socials.steam && (_jsx("a", { href: socials.steam, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#171a21]/5 hover:bg-[#171a21]/15 dark:bg-[#171a21]/80 dark:hover:bg-[#171a21] text-[#171a21] dark:text-white flex items-center justify-center transition-all hover:scale-110", title: "Steam", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M11.97 0C5.35 0 0 5.37 0 12c0 2.87 1.02 5.51 2.71 7.55l3.82-5.59c-.06-.31-.08-.63-.08-.96 0-3.32 2.68-6 6-6s6 2.68 6 6-2.68 6-6 6c-.84 0-1.63-.17-2.36-.5l-3.23 4.74A11.961 11.961 0 0 0 11.97 24c6.62 0 12-5.37 12-12s-5.38-12-12-12m6.25 11.89c0 1.6-1.29 2.89-2.89 2.89a2.89 2.89 0 0 1-2.89-2.89c0-1.6 1.29-2.89 2.89-2.89s2.89 1.29 2.89 2.89M8.38 14.88c-.85.34-1.8.1-2.38-.6a2.031 2.031 0 0 1 .59-2.85c.85-.34 1.8-.1 2.38.6.59.71.26 2.5-.59 2.85" }) }) })), socials.instagram && (_jsx("a", { href: socials.instagram, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-pink-500/10 hover:bg-pink-500/20 text-pink-500 flex items-center justify-center transition-all hover:scale-110", title: "Instagram", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), _jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), _jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })] }) })), socials.linkedin && (_jsx("a", { href: socials.linkedin, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#0077b5]/10 hover:bg-[#0077b5]/20 text-[#0077b5] flex items-center justify-center transition-all hover:scale-110", title: "LinkedIn", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }), _jsx("rect", { x: "2", y: "9", width: "4", height: "12" }), _jsx("circle", { cx: "4", cy: "4", r: "2" })] }) })), socials.facebook && (_jsx("a", { href: socials.facebook, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#1877F2]/10 hover:bg-[#1877F2]/20 text-[#1877F2] flex items-center justify-center transition-all hover:scale-110", title: "Facebook", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) }) }))] }))] })] }), _jsx("div", { className: "flex gap-3 pb-2 flex-wrap justify-center md:justify-end w-full md:w-auto", children: isOwnProfile ? (_jsx("button", { onClick: () => setIsEditModalOpen(true), className: "flex-1 md:flex-none px-6 py-2.5 bg-black/5 dark:bg-white/5 hover:bg-black/10 dark:hover:bg-white/10 text-armoyu-text font-bold rounded-xl transition-all border border-armoyu-card-border shadow-sm", children: "Profili D\u00FCzenle" })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: "flex-1 md:flex-none px-8 py-2.5 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white font-bold rounded-xl shadow-[0_0_15px_rgba(37,99,235,0.4)] transition-all", children: "Takip Et" }), _jsx("button", { className: "px-4 py-2.5 bg-black/5 dark:bg-white/5 hover:bg-black/10 dark:hover:bg-white/10 text-armoyu-text rounded-xl transition-all border border-armoyu-card-border", title: "Mesaj G\u00F6nder", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) })] })) })] }), _jsx(EditProfileModal, { isOpen: isEditModalOpen, onClose: () => setIsEditModalOpen(false), user: user })] }));
|
|
19
|
-
}
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { EditProfileModal } from './EditProfileModal';
|
|
5
|
+
import { MOCK_RANKING_POPULARITY } from '../../../lib/constants/seedData';
|
|
6
|
+
export function ProfileHeader({ user, isOwnProfile }) {
|
|
7
|
+
const [isEditModalOpen, setIsEditModalOpen] = useState(false);
|
|
8
|
+
const name = user.displayName || user.name || 'İsimsiz Oyuncu';
|
|
9
|
+
const banner = user.banner || 'https://images.unsplash.com/photo-1614680376593-902f74cf0d41?q=80&w=2574&auto=format&fit=crop';
|
|
10
|
+
const badge = user.badge || user.role?.name || '';
|
|
11
|
+
const socials = user.socials || {};
|
|
12
|
+
// Sıralama Bilgisi
|
|
13
|
+
const rankIndex = MOCK_RANKING_POPULARITY.findIndex((r) => r.username === user.username);
|
|
14
|
+
const rank = rankIndex !== -1 ? rankIndex + 1 : null;
|
|
15
|
+
return (_jsxs("div", { className: "w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl overflow-hidden shadow-sm", children: [_jsxs("div", { className: "h-48 md:h-72 w-full relative", children: [_jsx("img", { src: banner, alt: "Kapak", className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" })] }), _jsxs("div", { className: "px-6 md:px-10 pb-6 relative flex flex-col md:flex-row md:justify-between md:items-end", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-end gap-4 md:gap-6 -mt-16 md:-mt-20 relative z-10 mb-6 md:mb-0", children: [_jsxs("div", { className: "relative group shrink-0", children: [_jsx("div", { className: "w-32 h-32 md:w-40 md:h-40 rounded-full border-4 border-armoyu-bg overflow-hidden shadow-xl bg-black/5 dark:bg-white/5", children: _jsx("img", { src: user.avatar, alt: name, className: "w-full h-full object-cover" }) }), rank && (_jsxs("div", { className: `absolute -top-1 -right-1 w-10 h-10 md:w-12 md:h-12 rounded-2xl flex flex-col items-center justify-center shadow-xl border-2 transform rotate-12 group-hover:rotate-0 transition-transform duration-500 z-20 ${rank === 1 ? 'bg-gradient-to-br from-yellow-400 via-yellow-500 to-yellow-600 border-yellow-300' :
|
|
16
|
+
rank === 2 ? 'bg-gradient-to-br from-slate-300 via-slate-400 to-slate-500 border-slate-200' :
|
|
17
|
+
rank === 3 ? 'bg-gradient-to-br from-orange-400 via-orange-500 to-orange-600 border-orange-300' :
|
|
18
|
+
'bg-blue-600 border-blue-400'}`, children: [rank === 1 && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", className: "text-yellow-100 mb-0.5", children: _jsx("path", { d: "M5 21h14a2 2 0 0 0 2-2V5L12 2 3 5v14a2 2 0 0 0 2 2z" }) })), _jsxs("span", { className: "text-[10px] md:text-xs font-black text-white leading-none", children: ["#", rank] }), _jsx("span", { className: "text-[6px] md:text-[8px] font-bold text-white/80 uppercase tracking-tighter", children: "POP" })] }))] }), _jsxs("div", { className: "pb-2 text-center md:text-left", children: [_jsxs("div", { className: "flex flex-col md:flex-row items-center gap-2 md:gap-3", children: [_jsx("h1", { className: "text-2xl md:text-3xl font-black text-armoyu-text tracking-tight", children: name }), badge && (_jsx("span", { className: "bg-blue-500/10 text-blue-600 dark:text-blue-400 text-xs font-bold px-2.5 py-1 rounded-md uppercase tracking-wider border border-blue-500/20 shadow-sm", children: badge }))] }), _jsxs("p", { className: "text-blue-600 dark:text-blue-400 font-extrabold mt-1 text-sm md:text-base mb-3", children: ["@", user.username] }), socials && (_jsxs("div", { className: "flex items-center justify-center md:justify-start gap-4 mt-2", children: [socials.discord && (_jsx("a", { href: socials.discord, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#5865F2]/10 hover:bg-[#5865F2]/20 text-[#5865F2] flex items-center justify-center transition-all hover:scale-110", title: "Discord", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2498-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8745-.6177-1.2498a.077.077 0 00-.0788-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" }) }) })), socials.steam && (_jsx("a", { href: socials.steam, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#171a21]/5 hover:bg-[#171a21]/15 dark:bg-[#171a21]/80 dark:hover:bg-[#171a21] text-[#171a21] dark:text-white flex items-center justify-center transition-all hover:scale-110", title: "Steam", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M11.97 0C5.35 0 0 5.37 0 12c0 2.87 1.02 5.51 2.71 7.55l3.82-5.59c-.06-.31-.08-.63-.08-.96 0-3.32 2.68-6 6-6s6 2.68 6 6-2.68 6-6 6c-.84 0-1.63-.17-2.36-.5l-3.23 4.74A11.961 11.961 0 0 0 11.97 24c6.62 0 12-5.37 12-12s-5.38-12-12-12m6.25 11.89c0 1.6-1.29 2.89-2.89 2.89a2.89 2.89 0 0 1-2.89-2.89c0-1.6 1.29-2.89 2.89-2.89s2.89 1.29 2.89 2.89M8.38 14.88c-.85.34-1.8.1-2.38-.6a2.031 2.031 0 0 1 .59-2.85c.85-.34 1.8-.1 2.38.6.59.71.26 2.5-.59 2.85" }) }) })), socials.instagram && (_jsx("a", { href: socials.instagram, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-pink-500/10 hover:bg-pink-500/20 text-pink-500 flex items-center justify-center transition-all hover:scale-110", title: "Instagram", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), _jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), _jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })] }) })), socials.linkedin && (_jsx("a", { href: socials.linkedin, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#0077b5]/10 hover:bg-[#0077b5]/20 text-[#0077b5] flex items-center justify-center transition-all hover:scale-110", title: "LinkedIn", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }), _jsx("rect", { x: "2", y: "9", width: "4", height: "12" }), _jsx("circle", { cx: "4", cy: "4", r: "2" })] }) })), socials.facebook && (_jsx("a", { href: socials.facebook, target: "_blank", rel: "noopener noreferrer", className: "w-8 h-8 rounded-full bg-[#1877F2]/10 hover:bg-[#1877F2]/20 text-[#1877F2] flex items-center justify-center transition-all hover:scale-110", title: "Facebook", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) }) }))] }))] })] }), _jsx("div", { className: "flex gap-3 pb-2 flex-wrap justify-center md:justify-end w-full md:w-auto", children: isOwnProfile ? (_jsx("button", { onClick: () => setIsEditModalOpen(true), className: "flex-1 md:flex-none px-6 py-2.5 bg-black/5 dark:bg-white/5 hover:bg-black/10 dark:hover:bg-white/10 text-armoyu-text font-bold rounded-xl transition-all border border-armoyu-card-border shadow-sm", children: "Profili D\u00FCzenle" })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: "flex-1 md:flex-none px-8 py-2.5 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white font-bold rounded-xl shadow-[0_0_15px_rgba(37,99,235,0.4)] transition-all", children: "Takip Et" }), _jsx("button", { className: "px-4 py-2.5 bg-black/5 dark:bg-white/5 hover:bg-black/10 dark:hover:bg-white/10 text-armoyu-text rounded-xl transition-all border border-armoyu-card-border", title: "Mesaj G\u00F6nder", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) })] })) })] }), _jsx(EditProfileModal, { isOpen: isEditModalOpen, onClose: () => setIsEditModalOpen(false), user: user })] }));
|
|
19
|
+
}
|
|
20
20
|
//# sourceMappingURL=ProfileHeader.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function ProfileStats(): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare function ProfileStats(): import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
//# sourceMappingURL=ProfileStats.d.ts.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RollingNumber } from '../../RollingNumber';
|
|
3
|
-
import { formatStatValue } from '../../../lib/utils/numberFormat';
|
|
4
|
-
export function ProfileStats() {
|
|
5
|
-
const followersCount = 14200;
|
|
6
|
-
const followingCount = 356;
|
|
7
|
-
const viewsCount = 1200000;
|
|
8
|
-
const respectCount = 145;
|
|
9
|
-
const followers = formatStatValue(followersCount);
|
|
10
|
-
const following = formatStatValue(followingCount);
|
|
11
|
-
const views = formatStatValue(viewsCount);
|
|
12
|
-
const respect = formatStatValue(respectCount);
|
|
13
|
-
return (_jsxs("div", { className: "w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl p-6 shadow-sm flex flex-col md:flex-row justify-between items-center gap-6", children: [_jsxs("div", { className: "flex flex-wrap justify-center md:justify-start gap-6 md:gap-12 w-full md:w-auto", children: [_jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-armoyu-text flex items-baseline", children: [_jsx(RollingNumber, { value: followers.value }), _jsx("span", { className: "text-sm ml-0.5", children: followers.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "Takip\u00E7i" })] }), _jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-armoyu-text flex items-baseline", children: [_jsx(RollingNumber, { value: following.value }), _jsx("span", { className: "text-sm ml-0.5", children: following.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "Takip" })] }), _jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-armoyu-text flex items-baseline", children: [_jsx(RollingNumber, { value: views.value }), _jsx("span", { className: "text-sm ml-0.5", children: views.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "G\u00F6r\u00FCnt\u00FClenme" })] }), _jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-emerald-500 flex items-baseline", children: [_jsx(RollingNumber, { value: respect.value }), _jsx("span", { className: "text-sm ml-0.5", children: respect.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "Sayg\u0131 Puan\u0131" })] })] }), _jsxs("div", { className: "w-full md:w-72 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-2xl p-4", children: [_jsxs("div", { className: "flex justify-between items-end mb-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Oyuncu Seviyesi" }), _jsxs("div", { className: "text-xl font-bold text-blue-500 mt-0.5 flex items-center gap-1", children: ["Seviye ", _jsx(RollingNumber, { value: 42 })] })] }), _jsxs("div", { className: "text-xs font-bold text-armoyu-text-muted flex items-center gap-1", children: [_jsx(RollingNumber, { value: 850 }), " / ", _jsx(RollingNumber, { value: 1000 }), " XP"] })] }), _jsx("div", { className: "h-2.5 w-full bg-gray-200 dark:bg-gray-800 rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-gradient-to-r from-blue-600 to-indigo-500 w-[85%] rounded-full shadow-[0_0_10px_rgba(59,130,246,0.6)]" }) })] })] }));
|
|
14
|
-
}
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { RollingNumber } from '../../RollingNumber';
|
|
3
|
+
import { formatStatValue } from '../../../lib/utils/numberFormat';
|
|
4
|
+
export function ProfileStats() {
|
|
5
|
+
const followersCount = 14200;
|
|
6
|
+
const followingCount = 356;
|
|
7
|
+
const viewsCount = 1200000;
|
|
8
|
+
const respectCount = 145;
|
|
9
|
+
const followers = formatStatValue(followersCount);
|
|
10
|
+
const following = formatStatValue(followingCount);
|
|
11
|
+
const views = formatStatValue(viewsCount);
|
|
12
|
+
const respect = formatStatValue(respectCount);
|
|
13
|
+
return (_jsxs("div", { className: "w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl p-6 shadow-sm flex flex-col md:flex-row justify-between items-center gap-6", children: [_jsxs("div", { className: "flex flex-wrap justify-center md:justify-start gap-6 md:gap-12 w-full md:w-auto", children: [_jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-armoyu-text flex items-baseline", children: [_jsx(RollingNumber, { value: followers.value }), _jsx("span", { className: "text-sm ml-0.5", children: followers.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "Takip\u00E7i" })] }), _jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-armoyu-text flex items-baseline", children: [_jsx(RollingNumber, { value: following.value }), _jsx("span", { className: "text-sm ml-0.5", children: following.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "Takip" })] }), _jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-armoyu-text flex items-baseline", children: [_jsx(RollingNumber, { value: views.value }), _jsx("span", { className: "text-sm ml-0.5", children: views.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "G\u00F6r\u00FCnt\u00FClenme" })] }), _jsxs("div", { className: "text-center md:text-left", children: [_jsxs("div", { className: "text-2xl font-black text-emerald-500 flex items-baseline", children: [_jsx(RollingNumber, { value: respect.value }), _jsx("span", { className: "text-sm ml-0.5", children: respect.unit })] }), _jsx("div", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1", children: "Sayg\u0131 Puan\u0131" })] })] }), _jsxs("div", { className: "w-full md:w-72 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-2xl p-4", children: [_jsxs("div", { className: "flex justify-between items-end mb-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Oyuncu Seviyesi" }), _jsxs("div", { className: "text-xl font-bold text-blue-500 mt-0.5 flex items-center gap-1", children: ["Seviye ", _jsx(RollingNumber, { value: 42 })] })] }), _jsxs("div", { className: "text-xs font-bold text-armoyu-text-muted flex items-center gap-1", children: [_jsx(RollingNumber, { value: 850 }), " / ", _jsx(RollingNumber, { value: 1000 }), " XP"] })] }), _jsx("div", { className: "h-2.5 w-full bg-gray-200 dark:bg-gray-800 rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-gradient-to-r from-blue-600 to-indigo-500 w-[85%] rounded-full shadow-[0_0_10px_rgba(59,130,246,0.6)]" }) })] })] }));
|
|
14
|
+
}
|
|
15
15
|
//# sourceMappingURL=ProfileStats.js.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import { X, Check, Star } from 'lucide-react';
|
|
5
|
-
import { SUPER_LEAGUE_TEAMS, ZODIAC_SIGNS } from '../../../lib/constants/teamData';
|
|
6
|
-
export function TeamSelectorModal({ isOpen, onClose, onSelect, initialTeam, initialZodiac }) {
|
|
7
|
-
const [selectedTeam, setSelectedTeam] = useState(initialTeam || null);
|
|
8
|
-
const [selectedZodiac, setSelectedZodiac] = useState(initialZodiac || '');
|
|
9
|
-
if (!isOpen)
|
|
10
|
-
return null;
|
|
11
|
-
return (_jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-8", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-md animate-in fade-in duration-300", onClick: onClose }), _jsxs("div", { className: "bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] w-full max-w-2xl relative z-10 shadow-2xl animate-in zoom-in-95 duration-500 overflow-hidden flex flex-col max-h-[90vh]", children: [_jsxs("div", { className: "p-8 border-b border-armoyu-card-border flex items-center justify-between bg-black/5 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500 shadow-inner", children: _jsx(Star, { size: 24, className: "fill-current" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-black text-armoyu-text uppercase italic tracking-tighter leading-none", children: "PROF\u0130L\u0130N\u0130 TAMAMLA" }), _jsx("p", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest mt-2 italic opacity-60", children: "Seni daha yak\u0131ndan tan\u0131yal\u0131m" })] })] }), _jsx("button", { onClick: onClose, className: "p-2 text-armoyu-text-muted hover:text-armoyu-text bg-black/10 rounded-xl transition-all", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "p-8 space-y-10 overflow-y-auto custom-scrollbar", children: [_jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-[11px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] italic ml-1 leading-none", children: "FAVOR\u0130 TAKIMIN" }), _jsx("span", { className: "text-[10px] font-bold text-blue-500 uppercase tracking-widest italic", children: selectedTeam?.name || 'Seçilmedi' })] }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-3", children: SUPER_LEAGUE_TEAMS.map((team) => (_jsxs("button", { onClick: () => setSelectedTeam(team), className: `relative p-4 rounded-3xl border transition-all duration-300 flex flex-col items-center gap-3 group ${selectedTeam?.id === team.id
|
|
12
|
-
? 'bg-blue-600/10 border-blue-500 shadow-[0_0_20px_rgba(59,130,246,0.2)]'
|
|
13
|
-
: 'bg-black/5 border-armoyu-card-border hover:border-white/20'}`, children: [team.logo ? (_jsx("img", { src: team.logo, alt: team.name, className: "w-12 h-12 object-contain group-hover:scale-110 transition-transform duration-500" })) : (_jsx("div", { className: "w-12 h-12 rounded-full bg-white/5 flex items-center justify-center text-xl", children: "\uD83D\uDEAB" })), _jsx("span", { className: `text-[10px] font-black uppercase tracking-widest text-center ${selectedTeam?.id === team.id ? 'text-blue-500' : 'text-armoyu-text-muted'}`, children: team.name }), selectedTeam?.id === team.id && (_jsx("div", { className: "absolute top-2 right-2 w-5 h-5 bg-blue-500 rounded-full flex items-center justify-center text-white animate-in zoom-in duration-300", children: _jsx(Check, { size: 12, strokeWidth: 4 }) }))] }, team.id))) })] }), _jsxs("section", { className: "space-y-4 pb-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-[11px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] italic ml-1 leading-none", children: "BURCUN" }), _jsx("span", { className: "text-[10px] font-bold text-purple-500 uppercase tracking-widest italic", children: selectedZodiac || 'Seçilmedi' })] }), _jsx("div", { className: "grid grid-cols-4 sm:grid-cols-6 gap-2", children: ZODIAC_SIGNS.map((zodiac) => (_jsxs("button", { onClick: () => setSelectedZodiac(zodiac.name), className: `p-3 rounded-2xl border transition-all duration-300 flex flex-col items-center gap-1.5 group ${selectedZodiac === zodiac.name
|
|
14
|
-
? 'bg-purple-600/10 border-purple-500 shadow-[0_0_15px_rgba(168,85,247,0.2)]'
|
|
15
|
-
: 'bg-black/5 border-armoyu-card-border hover:border-white/10'}`, title: zodiac.name, children: [_jsx("span", { className: `text-2xl group-hover:scale-110 transition-transform duration-500 ${selectedZodiac === zodiac.name ? 'opacity-100' : 'opacity-60'}`, children: zodiac.icon }), _jsx("span", { className: `text-[8px] font-bold uppercase tracking-tighter ${selectedZodiac === zodiac.name ? 'text-purple-500' : 'text-armoyu-text-muted'}`, children: zodiac.name })] }, zodiac.name))) })] })] }), _jsx("div", { className: "p-8 border-t border-armoyu-card-border bg-black/5 shrink-0", children: _jsxs("button", { onClick: () => onSelect(selectedTeam, selectedZodiac), className: "w-full py-5 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 text-white font-black rounded-3xl text-[11px] uppercase tracking-[0.2em] shadow-2xl shadow-blue-500/30 active:scale-95 transition-all flex items-center justify-center gap-3 italic", children: ["DE\u011E\u0130\u015E\u0130KL\u0130KLER\u0130 KAYDET ", _jsx(Check, { size: 18, strokeWidth: 3 })] }) })] })] }));
|
|
16
|
-
}
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { X, Check, Star } from 'lucide-react';
|
|
5
|
+
import { SUPER_LEAGUE_TEAMS, ZODIAC_SIGNS } from '../../../lib/constants/teamData';
|
|
6
|
+
export function TeamSelectorModal({ isOpen, onClose, onSelect, initialTeam, initialZodiac }) {
|
|
7
|
+
const [selectedTeam, setSelectedTeam] = useState(initialTeam || null);
|
|
8
|
+
const [selectedZodiac, setSelectedZodiac] = useState(initialZodiac || '');
|
|
9
|
+
if (!isOpen)
|
|
10
|
+
return null;
|
|
11
|
+
return (_jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-8", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-md animate-in fade-in duration-300", onClick: onClose }), _jsxs("div", { className: "bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] w-full max-w-2xl relative z-10 shadow-2xl animate-in zoom-in-95 duration-500 overflow-hidden flex flex-col max-h-[90vh]", children: [_jsxs("div", { className: "p-8 border-b border-armoyu-card-border flex items-center justify-between bg-black/5 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500 shadow-inner", children: _jsx(Star, { size: 24, className: "fill-current" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-black text-armoyu-text uppercase italic tracking-tighter leading-none", children: "PROF\u0130L\u0130N\u0130 TAMAMLA" }), _jsx("p", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest mt-2 italic opacity-60", children: "Seni daha yak\u0131ndan tan\u0131yal\u0131m" })] })] }), _jsx("button", { onClick: onClose, className: "p-2 text-armoyu-text-muted hover:text-armoyu-text bg-black/10 rounded-xl transition-all", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "p-8 space-y-10 overflow-y-auto custom-scrollbar", children: [_jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-[11px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] italic ml-1 leading-none", children: "FAVOR\u0130 TAKIMIN" }), _jsx("span", { className: "text-[10px] font-bold text-blue-500 uppercase tracking-widest italic", children: selectedTeam?.name || 'Seçilmedi' })] }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-3", children: SUPER_LEAGUE_TEAMS.map((team) => (_jsxs("button", { onClick: () => setSelectedTeam(team), className: `relative p-4 rounded-3xl border transition-all duration-300 flex flex-col items-center gap-3 group ${selectedTeam?.id === team.id
|
|
12
|
+
? 'bg-blue-600/10 border-blue-500 shadow-[0_0_20px_rgba(59,130,246,0.2)]'
|
|
13
|
+
: 'bg-black/5 border-armoyu-card-border hover:border-white/20'}`, children: [team.logo ? (_jsx("img", { src: team.logo, alt: team.name, className: "w-12 h-12 object-contain group-hover:scale-110 transition-transform duration-500" })) : (_jsx("div", { className: "w-12 h-12 rounded-full bg-white/5 flex items-center justify-center text-xl", children: "\uD83D\uDEAB" })), _jsx("span", { className: `text-[10px] font-black uppercase tracking-widest text-center ${selectedTeam?.id === team.id ? 'text-blue-500' : 'text-armoyu-text-muted'}`, children: team.name }), selectedTeam?.id === team.id && (_jsx("div", { className: "absolute top-2 right-2 w-5 h-5 bg-blue-500 rounded-full flex items-center justify-center text-white animate-in zoom-in duration-300", children: _jsx(Check, { size: 12, strokeWidth: 4 }) }))] }, team.id))) })] }), _jsxs("section", { className: "space-y-4 pb-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-[11px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] italic ml-1 leading-none", children: "BURCUN" }), _jsx("span", { className: "text-[10px] font-bold text-purple-500 uppercase tracking-widest italic", children: selectedZodiac || 'Seçilmedi' })] }), _jsx("div", { className: "grid grid-cols-4 sm:grid-cols-6 gap-2", children: ZODIAC_SIGNS.map((zodiac) => (_jsxs("button", { onClick: () => setSelectedZodiac(zodiac.name), className: `p-3 rounded-2xl border transition-all duration-300 flex flex-col items-center gap-1.5 group ${selectedZodiac === zodiac.name
|
|
14
|
+
? 'bg-purple-600/10 border-purple-500 shadow-[0_0_15px_rgba(168,85,247,0.2)]'
|
|
15
|
+
: 'bg-black/5 border-armoyu-card-border hover:border-white/10'}`, title: zodiac.name, children: [_jsx("span", { className: `text-2xl group-hover:scale-110 transition-transform duration-500 ${selectedZodiac === zodiac.name ? 'opacity-100' : 'opacity-60'}`, children: zodiac.icon }), _jsx("span", { className: `text-[8px] font-bold uppercase tracking-tighter ${selectedZodiac === zodiac.name ? 'text-purple-500' : 'text-armoyu-text-muted'}`, children: zodiac.name })] }, zodiac.name))) })] })] }), _jsx("div", { className: "p-8 border-t border-armoyu-card-border bg-black/5 shrink-0", children: _jsxs("button", { onClick: () => onSelect(selectedTeam, selectedZodiac), className: "w-full py-5 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 text-white font-black rounded-3xl text-[11px] uppercase tracking-[0.2em] shadow-2xl shadow-blue-500/30 active:scale-95 transition-all flex items-center justify-center gap-3 italic", children: ["DE\u011E\u0130\u015E\u0130KL\u0130KLER\u0130 KAYDET ", _jsx(Check, { size: 18, strokeWidth: 3 })] }) })] })] }));
|
|
16
|
+
}
|
|
17
17
|
//# sourceMappingURL=TeamSelectorModal.js.map
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import Link from 'next/link';
|
|
4
|
-
import { MapPin, Star, Coffee, Monitor, Trophy, Dumbbell, ChevronRight } from 'lucide-react';
|
|
5
|
-
export function StationCard(station) {
|
|
6
|
-
const Icon = {
|
|
7
|
-
'YEMEK': Coffee,
|
|
8
|
-
'INTERNET_KAFE': Monitor,
|
|
9
|
-
'HALI_SAHA': Trophy,
|
|
10
|
-
'SPOR_KOMPLEKSI': Dumbbell
|
|
11
|
-
}[station.type];
|
|
12
|
-
const typeLabel = {
|
|
13
|
-
'YEMEK': 'Yemek & Kahve',
|
|
14
|
-
'INTERNET_KAFE': 'İnternet Kafe',
|
|
15
|
-
'HALI_SAHA': 'Halı Saha',
|
|
16
|
-
'SPOR_KOMPLEKSI': 'Spor Kompleksi'
|
|
17
|
-
}[station.type];
|
|
18
|
-
const typeColor = {
|
|
19
|
-
'YEMEK': 'text-amber-500 bg-amber-500/10',
|
|
20
|
-
'INTERNET_KAFE': 'text-blue-500 bg-blue-500/10',
|
|
21
|
-
'HALI_SAHA': 'text-emerald-500 bg-emerald-500/10',
|
|
22
|
-
'SPOR_KOMPLEKSI': 'text-purple-500 bg-purple-500/10'
|
|
23
|
-
}[station.type];
|
|
24
|
-
return (_jsxs("div", { className: "group relative glass-panel rounded-[32px] border border-armoyu-card-border overflow-hidden bg-armoyu-card-bg hover:shadow-2xl transition-all duration-500 flex flex-col h-full animate-in fade-in zoom-in duration-700", children: [_jsxs("div", { className: "relative h-48 overflow-hidden", children: [_jsx("img", { src: station.banner, alt: station.name, className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent" }), _jsxs("div", { className: `absolute top-4 left-4 flex items-center gap-2 px-3 py-1.5 rounded-xl backdrop-blur-md border border-white/10 ${typeColor}`, children: [_jsx(Icon, { size: 14, strokeWidth: 2.5 }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: typeLabel })] })] }), _jsxs("div", { className: "p-6 flex flex-col flex-1 relative", children: [_jsx("div", { className: "absolute -top-10 left-6 w-20 h-20 rounded-2xl border-4 border-armoyu-card-bg overflow-hidden shadow-xl bg-white", children: _jsx("img", { src: station.logo, alt: station.name, className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "mt-12 flex-1", children: [_jsxs("div", { className: "flex justify-between items-start mb-2", children: [_jsx("h3", { className: "text-xl font-black text-armoyu-text uppercase tracking-tight group-hover:text-blue-500 transition-colors truncate pr-2", children: station.name }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [_jsx(Star, { size: 14, className: "text-amber-500 fill-amber-500" }), _jsx("span", { className: "text-sm font-black text-armoyu-text", children: station.rating })] })] }), _jsxs("div", { className: "flex items-center gap-2 mb-4 text-armoyu-text-muted", children: [_jsx(MapPin, { size: 14, className: "shrink-0 opacity-50" }), _jsx("span", { className: "text-xs font-bold truncate", children: station.location })] }), _jsx("p", { className: "text-sm text-armoyu-text-muted font-medium line-clamp-2 leading-relaxed mb-6 opacity-80", children: station.description })] }), _jsxs("div", { className: "pt-6 border-t border-armoyu-card-border flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest opacity-50", children: "YORUMLAR" }), _jsxs("span", { className: "text-xs font-black text-armoyu-text", children: [station.reviewCount, " De\u011Ferlendirme"] })] }), _jsx(Link, { href: `/istasyonlar/${station.slug}`, className: "w-10 h-10 rounded-xl bg-armoyu-text dark:bg-white text-white dark:text-black flex items-center justify-center hover:scale-110 active:scale-95 transition-all shadow-lg", children: _jsx(ChevronRight, { size: 20, strokeWidth: 3 }) })] })] })] }));
|
|
25
|
-
}
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import Link from 'next/link';
|
|
4
|
+
import { MapPin, Star, Coffee, Monitor, Trophy, Dumbbell, ChevronRight } from 'lucide-react';
|
|
5
|
+
export function StationCard(station) {
|
|
6
|
+
const Icon = {
|
|
7
|
+
'YEMEK': Coffee,
|
|
8
|
+
'INTERNET_KAFE': Monitor,
|
|
9
|
+
'HALI_SAHA': Trophy,
|
|
10
|
+
'SPOR_KOMPLEKSI': Dumbbell
|
|
11
|
+
}[station.type];
|
|
12
|
+
const typeLabel = {
|
|
13
|
+
'YEMEK': 'Yemek & Kahve',
|
|
14
|
+
'INTERNET_KAFE': 'İnternet Kafe',
|
|
15
|
+
'HALI_SAHA': 'Halı Saha',
|
|
16
|
+
'SPOR_KOMPLEKSI': 'Spor Kompleksi'
|
|
17
|
+
}[station.type];
|
|
18
|
+
const typeColor = {
|
|
19
|
+
'YEMEK': 'text-amber-500 bg-amber-500/10',
|
|
20
|
+
'INTERNET_KAFE': 'text-blue-500 bg-blue-500/10',
|
|
21
|
+
'HALI_SAHA': 'text-emerald-500 bg-emerald-500/10',
|
|
22
|
+
'SPOR_KOMPLEKSI': 'text-purple-500 bg-purple-500/10'
|
|
23
|
+
}[station.type];
|
|
24
|
+
return (_jsxs("div", { className: "group relative glass-panel rounded-[32px] border border-armoyu-card-border overflow-hidden bg-armoyu-card-bg hover:shadow-2xl transition-all duration-500 flex flex-col h-full animate-in fade-in zoom-in duration-700", children: [_jsxs("div", { className: "relative h-48 overflow-hidden", children: [_jsx("img", { src: station.banner, alt: station.name, className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent" }), _jsxs("div", { className: `absolute top-4 left-4 flex items-center gap-2 px-3 py-1.5 rounded-xl backdrop-blur-md border border-white/10 ${typeColor}`, children: [_jsx(Icon, { size: 14, strokeWidth: 2.5 }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: typeLabel })] })] }), _jsxs("div", { className: "p-6 flex flex-col flex-1 relative", children: [_jsx("div", { className: "absolute -top-10 left-6 w-20 h-20 rounded-2xl border-4 border-armoyu-card-bg overflow-hidden shadow-xl bg-white", children: _jsx("img", { src: station.logo, alt: station.name, className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "mt-12 flex-1", children: [_jsxs("div", { className: "flex justify-between items-start mb-2", children: [_jsx("h3", { className: "text-xl font-black text-armoyu-text uppercase tracking-tight group-hover:text-blue-500 transition-colors truncate pr-2", children: station.name }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [_jsx(Star, { size: 14, className: "text-amber-500 fill-amber-500" }), _jsx("span", { className: "text-sm font-black text-armoyu-text", children: station.rating })] })] }), _jsxs("div", { className: "flex items-center gap-2 mb-4 text-armoyu-text-muted", children: [_jsx(MapPin, { size: 14, className: "shrink-0 opacity-50" }), _jsx("span", { className: "text-xs font-bold truncate", children: station.location })] }), _jsx("p", { className: "text-sm text-armoyu-text-muted font-medium line-clamp-2 leading-relaxed mb-6 opacity-80", children: station.description })] }), _jsxs("div", { className: "pt-6 border-t border-armoyu-card-border flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest opacity-50", children: "YORUMLAR" }), _jsxs("span", { className: "text-xs font-black text-armoyu-text", children: [station.reviewCount, " De\u011Ferlendirme"] })] }), _jsx(Link, { href: `/istasyonlar/${station.slug}`, className: "w-10 h-10 rounded-xl bg-armoyu-text dark:bg-white text-white dark:text-black flex items-center justify-center hover:scale-110 active:scale-95 transition-all shadow-lg", children: _jsx(ChevronRight, { size: 20, strokeWidth: 3 }) })] })] })] }));
|
|
25
|
+
}
|
|
26
26
|
//# sourceMappingURL=StationCard.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { X } from 'lucide-react';
|
|
4
|
-
export function StationQRModal({ isOpen, onClose, stationName, item }) {
|
|
5
|
-
if (!isOpen || !item)
|
|
6
|
-
return null;
|
|
7
|
-
// Mock username - normally would come from auth context
|
|
8
|
-
const username = 'berkaytikeno';
|
|
9
|
-
const qrData = encodeURIComponent(`${stationName} | ${item.name} | ${item.discountRate || 'No Discount'} | User: ${username}`);
|
|
10
|
-
const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=${qrData}&bgcolor=ffffff&color=000000&margin=10`;
|
|
11
|
-
return (_jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-6 animate-in fade-in duration-300", children: [_jsx("div", { className: "absolute inset-0 bg-black/80 backdrop-blur-md", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-md bg-white dark:bg-zinc-900 rounded-[48px] overflow-hidden shadow-[0_0_100px_rgba(0,0,0,0.5)] border border-white/10 animate-in zoom-in slide-in-from-bottom-12 duration-500", children: [_jsx("div", { className: "p-8 pb-0 flex justify-end", children: _jsx("button", { onClick: onClose, className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center hover:bg-red-500 hover:text-white transition-all active:scale-90", children: _jsx(X, { size: 20 }) }) }), _jsxs("div", { className: "p-10 pt-4 text-center", children: [_jsxs("div", { className: "mb-6", children: [_jsx("span", { className: "px-4 py-1.5 bg-blue-500/10 text-blue-500 rounded-full text-[10px] font-black uppercase tracking-[0.2em] mb-4 inline-block", children: "ARMOYU AVANTAJ KODU" }), _jsx("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter italic leading-tight", children: item.name }), _jsx("p", { className: "text-armoyu-text-muted text-xs font-bold uppercase tracking-widest mt-1 opacity-60", children: stationName })] }), _jsxs("div", { className: "relative p-6 bg-white rounded-[40px] shadow-inner mb-8 inline-block mx-auto group", children: [_jsx("div", { className: "absolute inset-0 bg-blue-500/5 blur-3xl rounded-full scale-150 group-hover:bg-blue-500/10 transition-colors" }), _jsx("img", { src: qrUrl, alt: "QR Code", className: "relative z-10 w-48 h-48 md:w-56 md:h-56 object-contain mix-blend-multiply dark:mix-blend-normal" }), _jsx("div", { className: "absolute top-0 left-0 w-8 h-8 border-t-4 border-l-4 border-blue-600 rounded-tl-2xl" }), _jsx("div", { className: "absolute top-0 right-0 w-8 h-8 border-t-4 border-r-4 border-blue-600 rounded-tr-2xl" }), _jsx("div", { className: "absolute bottom-0 left-0 w-8 h-8 border-b-4 border-l-4 border-blue-600 rounded-bl-2xl" }), _jsx("div", { className: "absolute bottom-0 right-0 w-8 h-8 border-b-4 border-r-4 border-blue-600 rounded-br-2xl" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "p-5 bg-black/5 dark:bg-white/5 rounded-3xl border border-black/5 dark:border-white/5", children: [_jsxs("div", { className: "flex justify-between items-center mb-1", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none", children: "\u0130ND\u0130R\u0130M ORANI" }), _jsx("span", { className: "text-xl font-black text-emerald-500 italic", children: item.discountRate || 'Özel Fiyat' })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none", children: "\u00DCCRET" }), _jsxs("span", { className: "text-xl font-black text-armoyu-text", children: [item.price, " \u20BA"] })] })] }), _jsx("p", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest leading-relaxed opacity-60 max-w-[280px] mx-auto", children: "BU KODU KASADAK\u0130 G\u00D6REVL\u0130YE OKUTARAK \u0130ND\u0130R\u0130M\u0130N\u0130Z\u0130 ANINDA UYGALAYAB\u0130L\u0130RS\u0130N\u0130Z." })] })] }), _jsx("div", { className: "p-8 bg-blue-600 text-white text-center", children: _jsx("button", { onClick: onClose, className: "w-full py-4 bg-white text-blue-600 rounded-2xl font-black text-xs uppercase tracking-widest shadow-xl active:scale-95 transition-all", children: "KAPAT" }) })] })] }));
|
|
12
|
-
}
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { X } from 'lucide-react';
|
|
4
|
+
export function StationQRModal({ isOpen, onClose, stationName, item }) {
|
|
5
|
+
if (!isOpen || !item)
|
|
6
|
+
return null;
|
|
7
|
+
// Mock username - normally would come from auth context
|
|
8
|
+
const username = 'berkaytikeno';
|
|
9
|
+
const qrData = encodeURIComponent(`${stationName} | ${item.name} | ${item.discountRate || 'No Discount'} | User: ${username}`);
|
|
10
|
+
const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=${qrData}&bgcolor=ffffff&color=000000&margin=10`;
|
|
11
|
+
return (_jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-6 animate-in fade-in duration-300", children: [_jsx("div", { className: "absolute inset-0 bg-black/80 backdrop-blur-md", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-md bg-white dark:bg-zinc-900 rounded-[48px] overflow-hidden shadow-[0_0_100px_rgba(0,0,0,0.5)] border border-white/10 animate-in zoom-in slide-in-from-bottom-12 duration-500", children: [_jsx("div", { className: "p-8 pb-0 flex justify-end", children: _jsx("button", { onClick: onClose, className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center hover:bg-red-500 hover:text-white transition-all active:scale-90", children: _jsx(X, { size: 20 }) }) }), _jsxs("div", { className: "p-10 pt-4 text-center", children: [_jsxs("div", { className: "mb-6", children: [_jsx("span", { className: "px-4 py-1.5 bg-blue-500/10 text-blue-500 rounded-full text-[10px] font-black uppercase tracking-[0.2em] mb-4 inline-block", children: "ARMOYU AVANTAJ KODU" }), _jsx("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter italic leading-tight", children: item.name }), _jsx("p", { className: "text-armoyu-text-muted text-xs font-bold uppercase tracking-widest mt-1 opacity-60", children: stationName })] }), _jsxs("div", { className: "relative p-6 bg-white rounded-[40px] shadow-inner mb-8 inline-block mx-auto group", children: [_jsx("div", { className: "absolute inset-0 bg-blue-500/5 blur-3xl rounded-full scale-150 group-hover:bg-blue-500/10 transition-colors" }), _jsx("img", { src: qrUrl, alt: "QR Code", className: "relative z-10 w-48 h-48 md:w-56 md:h-56 object-contain mix-blend-multiply dark:mix-blend-normal" }), _jsx("div", { className: "absolute top-0 left-0 w-8 h-8 border-t-4 border-l-4 border-blue-600 rounded-tl-2xl" }), _jsx("div", { className: "absolute top-0 right-0 w-8 h-8 border-t-4 border-r-4 border-blue-600 rounded-tr-2xl" }), _jsx("div", { className: "absolute bottom-0 left-0 w-8 h-8 border-b-4 border-l-4 border-blue-600 rounded-bl-2xl" }), _jsx("div", { className: "absolute bottom-0 right-0 w-8 h-8 border-b-4 border-r-4 border-blue-600 rounded-br-2xl" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "p-5 bg-black/5 dark:bg-white/5 rounded-3xl border border-black/5 dark:border-white/5", children: [_jsxs("div", { className: "flex justify-between items-center mb-1", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none", children: "\u0130ND\u0130R\u0130M ORANI" }), _jsx("span", { className: "text-xl font-black text-emerald-500 italic", children: item.discountRate || 'Özel Fiyat' })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none", children: "\u00DCCRET" }), _jsxs("span", { className: "text-xl font-black text-armoyu-text", children: [item.price, " \u20BA"] })] })] }), _jsx("p", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest leading-relaxed opacity-60 max-w-[280px] mx-auto", children: "BU KODU KASADAK\u0130 G\u00D6REVL\u0130YE OKUTARAK \u0130ND\u0130R\u0130M\u0130N\u0130Z\u0130 ANINDA UYGALAYAB\u0130L\u0130RS\u0130N\u0130Z." })] })] }), _jsx("div", { className: "p-8 bg-blue-600 text-white text-center", children: _jsx("button", { onClick: onClose, className: "w-full py-4 bg-white text-blue-600 rounded-2xl font-black text-xs uppercase tracking-widest shadow-xl active:scale-95 transition-all", children: "KAPAT" }) })] })] }));
|
|
12
|
+
}
|
|
13
13
|
//# sourceMappingURL=StationQRModal.js.map
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useAuth } from '../../context/AuthContext';
|
|
4
|
-
import { useChat } from '../../context/ChatContext';
|
|
5
|
-
import { ChatContainer } from '../../components/modules/chat/ChatContainer';
|
|
6
|
-
export function FloatingChatButton({ position = 'bottom-right' }) {
|
|
7
|
-
const { user } = useAuth();
|
|
8
|
-
const { isChatOpen, toggleChat } = useChat();
|
|
9
|
-
if (!user)
|
|
10
|
-
return null;
|
|
11
|
-
const positionClasses = {
|
|
12
|
-
'bottom-right': 'bottom-6 right-6 md:bottom-10 md:right-10',
|
|
13
|
-
'bottom-left': 'bottom-6 left-6 md:bottom-10 md:left-10',
|
|
14
|
-
'top-right': 'top-24 right-6 md:top-24 md:right-10',
|
|
15
|
-
'top-left': 'top-24 left-6 md:top-24 md:left-10',
|
|
16
|
-
};
|
|
17
|
-
return (_jsxs("div", { children: [!isChatOpen && (_jsx("div", { className: `fixed z-[80] animate-in fade-in zoom-in duration-500 ${positionClasses[position]}`, children: _jsxs("button", { onClick: toggleChat, className: "w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-r from-blue-600 to-blue-500 text-white shadow-[0_0_20px_rgba(37,99,235,0.4)] hover:shadow-[0_0_30px_rgba(37,99,235,0.6)] hover:scale-105 active:scale-95 transition-all flex items-center justify-center border border-blue-400/50 group focus:outline-none", title: "Sohbeti A\u00E7", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "group-hover:-translate-y-0.5 transition-transform md:w-7 md:h-7 animate-in spin-in-[-90deg] duration-300", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }), _jsx("span", { className: "absolute top-0 right-0 md:top-0.5 md:right-0.5 w-3.5 h-3.5 md:w-4 md:h-4 bg-red-500 rounded-full border-2 border-white dark:border-[#0a0a0e] shadow-sm animate-pulse" })] }) }, "floating-trigger")), _jsx("div", { className: `fixed bottom-0 right-0 md:bottom-6 md:right-6 z-[70] w-full sm:w-[400px] h-[100dvh] sm:h-[calc(100vh-100px)] md:h-[650px] shadow-[0_0_40px_rgba(0,0,0,0.3)] origin-bottom-right transition-all duration-500 sm:rounded-3xl overflow-hidden border border-black/5 dark:border-white/10 flex flex-col bg-armoyu-card-bg backdrop-blur-xl ${isChatOpen
|
|
18
|
-
? 'translate-y-0 scale-100 opacity-100 pointer-events-auto'
|
|
19
|
-
: 'translate-y-10 scale-95 opacity-0 pointer-events-none'}`, children: _jsx(ChatContainer, {}) }, "floating-container")] }, "floating-chat-wrapper"));
|
|
20
|
-
}
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useAuth } from '../../context/AuthContext';
|
|
4
|
+
import { useChat } from '../../context/ChatContext';
|
|
5
|
+
import { ChatContainer } from '../../components/modules/chat/ChatContainer';
|
|
6
|
+
export function FloatingChatButton({ position = 'bottom-right' }) {
|
|
7
|
+
const { user } = useAuth();
|
|
8
|
+
const { isChatOpen, toggleChat } = useChat();
|
|
9
|
+
if (!user)
|
|
10
|
+
return null;
|
|
11
|
+
const positionClasses = {
|
|
12
|
+
'bottom-right': 'bottom-6 right-6 md:bottom-10 md:right-10',
|
|
13
|
+
'bottom-left': 'bottom-6 left-6 md:bottom-10 md:left-10',
|
|
14
|
+
'top-right': 'top-24 right-6 md:top-24 md:right-10',
|
|
15
|
+
'top-left': 'top-24 left-6 md:top-24 md:left-10',
|
|
16
|
+
};
|
|
17
|
+
return (_jsxs("div", { children: [!isChatOpen && (_jsx("div", { className: `fixed z-[80] animate-in fade-in zoom-in duration-500 ${positionClasses[position]}`, children: _jsxs("button", { onClick: toggleChat, className: "w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-r from-blue-600 to-blue-500 text-white shadow-[0_0_20px_rgba(37,99,235,0.4)] hover:shadow-[0_0_30px_rgba(37,99,235,0.6)] hover:scale-105 active:scale-95 transition-all flex items-center justify-center border border-blue-400/50 group focus:outline-none", title: "Sohbeti A\u00E7", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "group-hover:-translate-y-0.5 transition-transform md:w-7 md:h-7 animate-in spin-in-[-90deg] duration-300", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }), _jsx("span", { className: "absolute top-0 right-0 md:top-0.5 md:right-0.5 w-3.5 h-3.5 md:w-4 md:h-4 bg-red-500 rounded-full border-2 border-white dark:border-[#0a0a0e] shadow-sm animate-pulse" })] }) }, "floating-trigger")), _jsx("div", { className: `fixed bottom-0 right-0 md:bottom-6 md:right-6 z-[70] w-full sm:w-[400px] h-[100dvh] sm:h-[calc(100vh-100px)] md:h-[650px] shadow-[0_0_40px_rgba(0,0,0,0.3)] origin-bottom-right transition-all duration-500 sm:rounded-3xl overflow-hidden border border-black/5 dark:border-white/10 flex flex-col bg-armoyu-card-bg backdrop-blur-xl ${isChatOpen
|
|
18
|
+
? 'translate-y-0 scale-100 opacity-100 pointer-events-auto'
|
|
19
|
+
: 'translate-y-10 scale-95 opacity-0 pointer-events-none'}`, children: _jsx(ChatContainer, {}) }, "floating-container")] }, "floating-chat-wrapper"));
|
|
20
|
+
}
|
|
21
21
|
//# sourceMappingURL=FloatingChatButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function Footer(): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare function Footer(): import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export function Footer() {
|
|
3
|
-
const latestPosts = [
|
|
4
|
-
{ title: "Yeni Minecraft Sunucu Altyapımız Yayında!", date: "18 Mart 2026", link: "#" },
|
|
5
|
-
{ title: "Valorant Kış Turnuvası Kayıtları Başladı, Yerini Ayırt", date: "15 Mart 2026", link: "#" },
|
|
6
|
-
{ title: "ARMOYU Çekiliş Sonuçları Açıklandı", date: "10 Mart 2026", link: "#" },
|
|
7
|
-
];
|
|
8
|
-
return (_jsxs("footer", { className: "w-full mt-24 border-t border-armoyu-card-border bg-armoyu-bg py-12 px-6 md:px-8 relative z-20 text-center md:text-left", children: [_jsxs("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12", children: [_jsxs("div", { className: "space-y-4 flex flex-col items-center md:items-start", children: [_jsx("h2", { className: "text-2xl font-black bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-indigo-600 dark:from-white dark:to-gray-300 tracking-tight", children: "ARMOYU" }), _jsx("p", { className: "text-armoyu-text-muted text-sm leading-relaxed max-w-sm font-medium", children: "T\u00FCrkiye'nin en aktif ve yenilik\u00E7i oyuncu toplulu\u011Fu. Oyun d\u00FCnyas\u0131ndaki geli\u015Fmeleri takip et, arkada\u015Flar\u0131nla ekipler kur ve rekabete kat\u0131l." }), _jsxs("div", { className: "flex gap-3 pt-4 justify-center md:justify-start", children: [_jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-indigo-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "Discord", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 12h.01" }), _jsx("path", { d: "M15 12h.01" }), _jsx("path", { d: "M8 8a9 9 0 0 0-4 3c-1.3 4-1.5 6-.5 8 1 2 4 1 6-1h4c2 2 5 3 6 1 1-2 .8-4-.5-8a9 9 0 0 0-4-3 7 7 0 0 0-6 0z" })] }) }), _jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-pink-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "Instagram", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), _jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), _jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })] }) }), _jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-red-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "YouTube", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" }), _jsx("polygon", { points: "9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" })] }) }), _jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-blue-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "X (Twitter)", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M4 4l11.733 16h4.267l-11.733 -16z" }), _jsx("path", { d: "M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" })] }) })] })] }), _jsxs("div", { className: "space-y-4 lg:pl-8 flex flex-col items-center md:items-start", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text tracking-wide", children: "H\u0131zl\u0131 Ba\u011Flant\u0131lar" }), _jsxs("ul", { className: "space-y-3 text-sm text-armoyu-text-muted font-bold w-full md:w-auto flex flex-col items-center md:items-start", children: [_jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Ana Sayfa"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Gruplar"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Forum"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Ma\u011Faza"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Destek Talebi"] }) })] })] }), _jsxs("div", { className: "space-y-4 lg:col-span-2", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text tracking-wide", children: "Son Payla\u015F\u0131mlar" }), _jsx("div", { className: "space-y-3", children: latestPosts.map((post, idx) => (_jsx("a", { href: post.link, className: "block group text-left", children: _jsxs("div", { className: "bg-black/5 dark:bg-white/5 p-4 rounded-xl border border-black/5 dark:border-white/5 group-hover:bg-black/10 dark:group-hover:bg-white/10 group-hover:border-blue-500/30 transition-all cursor-pointer flex flex-col sm:flex-row justify-between sm:items-center gap-2 sm:gap-4 shadow-sm", children: [_jsx("h4", { className: "text-armoyu-text text-sm font-bold group-hover:text-blue-500 transition-colors line-clamp-2 md:line-clamp-1 flex-1", children: post.title }), _jsx("span", { className: "text-xs text-blue-600 dark:text-blue-400 font-extrabold whitespace-nowrap sm:bg-blue-500/10 sm:px-2.5 sm:py-1 rounded-md", children: post.date })] }) }, idx))) })] })] }), _jsxs("div", { className: "max-w-7xl mx-auto mt-12 pt-8 border-t border-armoyu-card-border flex flex-col md:flex-row items-center justify-between gap-6 text-xs font-bold text-armoyu-text-muted", children: [_jsx("p", { children: "\u00A9 2026 Aram\u0131zdaki Oyuncu. T\u00FCm haklar\u0131 sakl\u0131d\u0131r." }), _jsxs("div", { className: "flex flex-wrap justify-center gap-4 md:gap-6", children: [_jsx("a", { href: "#", className: "hover:text-armoyu-text transition-colors", children: "Gizlilik Politikas\u0131" }), _jsx("a", { href: "#", className: "hover:text-armoyu-text transition-colors", children: "Hizmet \u015Eartlar\u0131" }), _jsx("a", { href: "#", className: "hover:text-armoyu-text transition-colors", children: "Kurallar" })] })] })] }));
|
|
9
|
-
}
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function Footer() {
|
|
3
|
+
const latestPosts = [
|
|
4
|
+
{ title: "Yeni Minecraft Sunucu Altyapımız Yayında!", date: "18 Mart 2026", link: "#" },
|
|
5
|
+
{ title: "Valorant Kış Turnuvası Kayıtları Başladı, Yerini Ayırt", date: "15 Mart 2026", link: "#" },
|
|
6
|
+
{ title: "ARMOYU Çekiliş Sonuçları Açıklandı", date: "10 Mart 2026", link: "#" },
|
|
7
|
+
];
|
|
8
|
+
return (_jsxs("footer", { className: "w-full mt-24 border-t border-armoyu-card-border bg-armoyu-bg py-12 px-6 md:px-8 relative z-20 text-center md:text-left", children: [_jsxs("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12", children: [_jsxs("div", { className: "space-y-4 flex flex-col items-center md:items-start", children: [_jsx("h2", { className: "text-2xl font-black bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-indigo-600 dark:from-white dark:to-gray-300 tracking-tight", children: "ARMOYU" }), _jsx("p", { className: "text-armoyu-text-muted text-sm leading-relaxed max-w-sm font-medium", children: "T\u00FCrkiye'nin en aktif ve yenilik\u00E7i oyuncu toplulu\u011Fu. Oyun d\u00FCnyas\u0131ndaki geli\u015Fmeleri takip et, arkada\u015Flar\u0131nla ekipler kur ve rekabete kat\u0131l." }), _jsxs("div", { className: "flex gap-3 pt-4 justify-center md:justify-start", children: [_jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-indigo-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "Discord", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 12h.01" }), _jsx("path", { d: "M15 12h.01" }), _jsx("path", { d: "M8 8a9 9 0 0 0-4 3c-1.3 4-1.5 6-.5 8 1 2 4 1 6-1h4c2 2 5 3 6 1 1-2 .8-4-.5-8a9 9 0 0 0-4-3 7 7 0 0 0-6 0z" })] }) }), _jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-pink-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "Instagram", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), _jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), _jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })] }) }), _jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-red-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "YouTube", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" }), _jsx("polygon", { points: "9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" })] }) }), _jsx("a", { href: "#", className: "w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-blue-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5", title: "X (Twitter)", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M4 4l11.733 16h4.267l-11.733 -16z" }), _jsx("path", { d: "M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" })] }) })] })] }), _jsxs("div", { className: "space-y-4 lg:pl-8 flex flex-col items-center md:items-start", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text tracking-wide", children: "H\u0131zl\u0131 Ba\u011Flant\u0131lar" }), _jsxs("ul", { className: "space-y-3 text-sm text-armoyu-text-muted font-bold w-full md:w-auto flex flex-col items-center md:items-start", children: [_jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Ana Sayfa"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Gruplar"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Forum"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Ma\u011Faza"] }) }), _jsx("li", { children: _jsxs("a", { href: "#", className: "hover:text-blue-500 transition-colors flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block" }), " Destek Talebi"] }) })] })] }), _jsxs("div", { className: "space-y-4 lg:col-span-2", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text tracking-wide", children: "Son Payla\u015F\u0131mlar" }), _jsx("div", { className: "space-y-3", children: latestPosts.map((post, idx) => (_jsx("a", { href: post.link, className: "block group text-left", children: _jsxs("div", { className: "bg-black/5 dark:bg-white/5 p-4 rounded-xl border border-black/5 dark:border-white/5 group-hover:bg-black/10 dark:group-hover:bg-white/10 group-hover:border-blue-500/30 transition-all cursor-pointer flex flex-col sm:flex-row justify-between sm:items-center gap-2 sm:gap-4 shadow-sm", children: [_jsx("h4", { className: "text-armoyu-text text-sm font-bold group-hover:text-blue-500 transition-colors line-clamp-2 md:line-clamp-1 flex-1", children: post.title }), _jsx("span", { className: "text-xs text-blue-600 dark:text-blue-400 font-extrabold whitespace-nowrap sm:bg-blue-500/10 sm:px-2.5 sm:py-1 rounded-md", children: post.date })] }) }, idx))) })] })] }), _jsxs("div", { className: "max-w-7xl mx-auto mt-12 pt-8 border-t border-armoyu-card-border flex flex-col md:flex-row items-center justify-between gap-6 text-xs font-bold text-armoyu-text-muted", children: [_jsx("p", { children: "\u00A9 2026 Aram\u0131zdaki Oyuncu. T\u00FCm haklar\u0131 sakl\u0131d\u0131r." }), _jsxs("div", { className: "flex flex-wrap justify-center gap-4 md:gap-6", children: [_jsx("a", { href: "#", className: "hover:text-armoyu-text transition-colors", children: "Gizlilik Politikas\u0131" }), _jsx("a", { href: "#", className: "hover:text-armoyu-text transition-colors", children: "Hizmet \u015Eartlar\u0131" }), _jsx("a", { href: "#", className: "hover:text-armoyu-text transition-colors", children: "Kurallar" })] })] })] }));
|
|
9
|
+
}
|
|
10
10
|
//# sourceMappingURL=Footer.js.map
|