+
+ );
+ }
+
+ return (
+
+
+ );
+};
diff --git a/src/features/cms-guide/api/use-cms-guide.ts b/src/features/cms-guide/api/use-cms-guide.ts
new file mode 100644
index 0000000..a6be3eb
--- /dev/null
+++ b/src/features/cms-guide/api/use-cms-guide.ts
@@ -0,0 +1,43 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { api } from '../../../shared/api/client';
+import { toast } from 'sonner';
+export const useCmsGuide = () => {
+ const queryClient = useQueryClient();
+
+ const { data: guides, isLoading } = useQuery({
+ queryKey: ['guides-all'],
+ queryFn: async () => {
+ const response = await api.get<{ data: any[] }>('/guides');
+ return response.data.data;
+ },
+ });
+
+ const saveGuideMutation = useMutation({
+ mutationFn: async ({ id, header, data, image }: { id: string; header: string; data: any[]; image?: File }) => {
+ const formData = new FormData();
+ formData.append('header', header);
+ formData.append('data', JSON.stringify(data));
+ if (image) {
+ formData.append('image', image);
+ }
+
+ const response = await api.post(`/guide/${id}`, formData);
+ return response.data;
+ },
+ onSuccess: () => {
+ queryClient.invalidateQueries({ queryKey: ['guides-all'] });
+ queryClient.invalidateQueries({ queryKey: ['guides'] });
+ toast.success('Guide saved successfully');
+ },
+ onError: (error: any) => {
+ toast.error(error.response?.data?.message || 'Failed to save guide');
+ },
+ });
+
+ return {
+ guides,
+ isLoading,
+ saveGuide: saveGuideMutation.mutateAsync,
+ isSaving: saveGuideMutation.isPending,
+ };
+};
diff --git a/src/features/cms-guide/ui/guide-manager.tsx b/src/features/cms-guide/ui/guide-manager.tsx
new file mode 100644
index 0000000..aa689fe
--- /dev/null
+++ b/src/features/cms-guide/ui/guide-manager.tsx
@@ -0,0 +1,325 @@
+import React, { useState, useEffect } from 'react';
+import { useCmsGuide } from '../api/use-cms-guide';
+import {
+ Button,
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+ Input,
+ Label,
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+ Skeleton,
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
+} from '../../../shared/ui';
+import { Plus, Trash2, Loader2, Save, FileImage } from 'lucide-react';
+import type { GuideSection, GuideItem } from '@/shared/types';
+import MDEditor from '@uiw/react-md-editor';
+import { MarkdownContent } from '@/shared/ui/components/markdown-content';
+
+export const GuideManager = () => {
+ const { guides, isLoading, saveGuide, isSaving } = useCmsGuide();
+ const [selectedGuideId, setSelectedGuideId] = useState
+
+
+
+ {gallery?.reduce((acc, curr) => acc + curr.photos.length, 0) || 0} Total Photos Uploaded
+
+
+
+ {gallery?.map((season) => (
+
+
+
+
+
+
+ ))}
+ {gallery?.length === 0 && (
+
+
+ {season.title}
+
+
+
+
+ {season.photos.length} photos
+
+
+ {season.photos.map((photo) => (
+
+
+ 
+
+ ))}
+ {season.photos.length === 0 && (
+
+
+
+
+
+ )}
+ No photos in {season.title} yet.
+Upload some to see them here.
+
+
+ )}
+ No Seasons Found
++ The gallery structure is empty. Make sure seasons are created in the backend. +
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ ) : (
+
+ );
+};
diff --git a/src/features/copy-ip/ui/copy-ip-button.tsx b/src/features/copy-ip/ui/copy-ip-button.tsx
new file mode 100644
index 0000000..34b8870
--- /dev/null
+++ b/src/features/copy-ip/ui/copy-ip-button.tsx
@@ -0,0 +1,47 @@
+import { useState } from "react";
+
+export const CopyIpButton = () => {
+ const [copied, setCopied] = useState(false);
+
+ const copyIp = () => {
+ navigator.clipboard.writeText("play.craftnepal.net");
+ setCopied(true);
+ setTimeout(() => setCopied(false), 2000);
+ };
+
+ return (
+
+ );
+};
diff --git a/src/features/feed/hooks/use-feed.ts b/src/features/feed/hooks/use-feed.ts
new file mode 100644
index 0000000..5effc48
--- /dev/null
+++ b/src/features/feed/hooks/use-feed.ts
@@ -0,0 +1,124 @@
+import { useQuery, useMutation } from '@tanstack/react-query';
+import type { UseQueryResult, UseMutationResult } from '@tanstack/react-query';
+import { api } from '../../../shared/api/client';
+import type { Post, PaginatedResponse } from '../../../shared/types';
+import { queryClient } from '../../../shared/config/queryClient';
+
+// Using legacy API endpoints: feed/{limit}
+export const useFeed = (page = 1, limit = 20): UseQueryResult
+
+
+ {!editingGuide ? (
+ Guide Management
+ +
+
+
+ No Guide Selected
++ Select a guide from the dropdown above to start editing, or create a new one. +
+
+ {/* EDITOR COLUMN */}
+
+
+
+
+ {/* PREVIEW COLUMN */}
+
+ )}
+
+
+
+
+ Live Preview
+
+ Read-only
+
+
+
+
+ {/* This mimics the frontend guides-content.tsx layout styling */}
+
+ {/* Simulated frontend background/container */}
+
+
+
+
+
+
+
+
+ {/* Header Preview */}
+ {(editingGuide.header || imagePreview || editingGuide.image) && (
+
+ {editingGuide.data.map((item, i) => (
+
+
+ {item.title || 'Untitled Item'}
+
+
+ {item.text ? (
+
+
+ ))}
+
+ )}
+
+
+ {editingGuide.header && (
+ 
+ )}
+
+ )}
+
+ {/* Dropdowns Preview */}
+ {editingGuide.data && editingGuide.data.length > 0 && (
+
+ {Array.from({ length: count }).map((_, i) => (
+
+
+
+
+
+
+
+
+ ))}
+
+ );
+};
+
+export default FeedSkeleton;
diff --git a/src/features/feed/ui/post-creation-form.tsx b/src/features/feed/ui/post-creation-form.tsx
new file mode 100644
index 0000000..309fef2
--- /dev/null
+++ b/src/features/feed/ui/post-creation-form.tsx
@@ -0,0 +1,193 @@
+import React, { useRef, useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { Image as ImageIcon, X, Send } from "lucide-react";
+import { useCreatePost } from "../hooks/use-feed";
+import { useAuth } from "../../../shared/providers/auth-provider";
+
+// shadcn components
+import { Card, CardContent, CardFooter } from "@/shared/ui/card";
+import { Button } from "@/shared/ui/button";
+import { Textarea } from "@/shared/ui/textarea";
+import { Avatar, AvatarFallback, AvatarImage } from "@/shared/ui/avatar";
+
+interface PostCreationFormProps {
+ onSuccess?: () => void;
+}
+
+const PostCreationForm: React.FC
+
+
+
+
+
+ {i % 2 === 0 && (
+
+
+
+
+ + Join the Community +
++ Log in with Discord to share your adventures and moments with other + players. +
+ +
+
+
+ {user.username.charAt(0).toUpperCase()}
+
+
+
+