CommunityCardsTableView
+ )
+}
+
+export default CommunityCardsTableView
\ No newline at end of file
diff --git a/src/Pages/Community/ComunityEditPage.jsx b/src/Pages/Community/ComunityEditPage.jsx
new file mode 100644
index 0000000..ed1c083
--- /dev/null
+++ b/src/Pages/Community/ComunityEditPage.jsx
@@ -0,0 +1,413 @@
+import React, { useEffect, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import {
+ useGetCommunityByIdQuery,
+ useUpdateCommunityMutation,
+} from "../../Services/api.service";
+import { addCommunitySchema, schemaEdit } from "../../Validations/Validations";
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import {
+ Box,
+ Divider,
+ FormControl,
+ FormHelperText,
+ FormLabel,
+ Heading,
+ Image,
+ Input,
+ Stack,
+ Textarea,
+ Button,
+ Skeleton,
+ useToast,
+ Switch,
+ Tag,
+} from "@chakra-ui/react";
+import { TiWarning } from "react-icons/ti";
+import { OPACITY_ON_LOAD } from "../../Layout/animations";
+import { motion } from "framer-motion";
+import Loader01 from "../../Components/Loaders/Loader01";
+import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
+import fallbackImage from "../../assets/fallBackImage.png";
+import Header from "../../Components/Header";
+
+const ComunityEditPage = () => {
+ const { id } = useParams();
+ const toast = useToast();
+ const navigate = useNavigate();
+ const { data, error, isLoading } = useGetCommunityByIdQuery(id);
+ const [isLoadingEdit, setIsLoadingEdit] = useState(false);
+ const [selectedImage, setSelectedImage] = useState();
+ const [updateCommunity] = useUpdateCommunityMutation();
+
+ const {
+ register,
+ handleSubmit,
+ reset,
+ formState: { errors },
+ setValue,
+ } = useForm({
+ resolver: yupResolver(addCommunitySchema),
+ defaultValues: {
+ member_name: "",
+ designation: "",
+ description: "",
+ linkedin: "",
+ profile_image:null
+ },
+ });
+
+ useEffect(() => {
+ if (data?.data) {
+ setSelectedImage(
+ `https://rubix.betadelivery.com/${data?.data?.profile_image}`
+ );
+ setValue("member_name", data?.data?.member_name);
+ setValue("designation", data?.data?.designation);
+ setValue("description", data?.data?.description);
+ setValue("linkedin", data?.data?.linkedin);
+ setValue("profile_image", data?.data?.profile_image);
+ }
+ }, [data, setValue]);
+
+ const onSubmit = async (formData) => {
+ setIsLoadingEdit(true);
+ const form = new FormData();
+ form.append("member_name", formData.member_name);
+ form.append("designation", formData.designation);
+ form.append("description", formData.description);
+ form.append("linkedin", formData.linkedin);
+ if (formData.profile_image[0]) {
+ form.append("profile_image", formData.profile_image[0]);
+ }
+ if (formData?.profile_image === data?.data?.profile_image) {
+ console.log("hit");
+ form.delete("profile_image");
+ }
+ await updateCommunity({ id: id, data: form })
+ .then((response) => {
+ // Handle the response here
+ console.log("Mutation response:", response?.data?.statusCode);
+ console.log("Mutation response:", response?.data?.message);
+
+ if (response?.data?.statusCode === 200) {
+ setIsLoadingEdit(false);
+ toast({
+ title: response?.data?.message,
+ status: "success",
+ duration: 1000,
+ isClosable: true,
+ });
+ navigate("/community");
+ // setDeleteAlert(false);
+ }
+ })
+ .catch((error) => {
+ console.error("Error creating community:", error);
+ setIsLoadingEdit(false);
+ // setDeleteIsLoading(false);
+ // setDeleteAlert(false);
+ });
+
+ // Log the FormData entries
+ // for (const [key, value] of form.entries()) {
+ // console.log(`${key}: ${value}`);
+ // }
+
+ reset();
+ };
+
+ const handleImageChange = (e) => {
+ const file = e.target.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ setSelectedImage(reader.result);
+ };
+ reader.readAsDataURL(file);
+ }
+ };
+
+ return isLoading ? (
+
+
+
+ 
+
+ 
+
+ 
+
+ );
+};
+
+export default Login;
diff --git a/src/Pages/News/AddNews.jsx b/src/Pages/News/AddNews.jsx
new file mode 100644
index 0000000..843a185
--- /dev/null
+++ b/src/Pages/News/AddNews.jsx
@@ -0,0 +1,370 @@
+import {
+ Box,
+ FormControl,
+ FormHelperText,
+ FormLabel,
+ Input,
+ Text,
+ Stack,
+ Textarea,
+ Heading,
+ Button,
+ useToast,
+ Divider,
+ Image,
+} from "@chakra-ui/react";
+import React, { useState } from "react";
+import fallbackImage from "../../assets/ultp-fallback-img.webp";
+import { TiWarning } from "react-icons/ti";
+
+import { motion } from "framer-motion";
+import { OPACITY_ON_LOAD } from "../../Layout/animations";
+
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+import {
+ addCommunityBannerSchema,
+ addCommunitySchema,
+ addNews,
+} from "../../Validations/Validations";
+import {
+ useCreateCommunityBannerMutation,
+ useCreateCommunityMutation,
+ useCreateNewsMutation,
+ useGetCommunityQuery,
+} from "../../Services/api.service";
+import { useNavigate } from "react-router-dom";
+import Loader01 from "../../Components/Loaders/Loader01";
+import Header from "../../Components/Header";
+
+const AddNews = () => {
+ const toast = useToast();
+ const navigate = useNavigate();
+ const getCommunityQuery = useGetCommunityQuery();
+ const [createNews] = useCreateNewsMutation(); // Invoke the hook to get the mutation function
+ const [isLoading, setIsLoading] = useState(false);
+ const [selectedImage, setSelectedImage] = useState(fallbackImage);
+
+ const {
+ register,
+ handleSubmit,
+ reset,
+ formState: { errors },
+ } = useForm({
+ resolver: yupResolver(addNews),
+ });
+
+ const onSubmit = async (data) => {
+ const date = new Date(data?.release_date).toUTCString();
+ try {
+ setIsLoading(true);
+ const formData = new FormData();
+ formData.append("title", data.title);
+ formData.append("meta_description", data.meta_description);
+ formData.append("content", data.content);
+ formData.append("release_date", date);
+ if (data.banner_image[0]) {
+ formData.append("banner_image", data.banner_image[0]);
+ }
+ // Trigger the mutation
+ createNews(formData)
+ .then((response) => {
+ // Handle the response here
+ console.log("Mutation response:", response?.data?.statusCode);
+ console.log("Mutation response:", response?.data?.message);
+
+ if (response?.data?.statusCode === 200) {
+ setIsLoading(false);
+ toast({
+ title: response?.data?.message,
+ status: "success",
+ isClosable: true,
+ });
+ reset();
+ navigate("/news");
+ } else if (response?.data?.statusCode === 500) {
+ setIsLoading(false);
+ toast({
+ title: response?.data?.message,
+ status: "success",
+ isClosable: true,
+ });
+ }
+ })
+ .catch((error) => {
+ // Handle errors
+ console.error("Error creating community:", error);
+ setIsLoading(false);
+ // Handle error notification if needed
+ });
+ } catch (error) {
+ // Handle errors
+ console.error("Error creating community:", error);
+ setIsLoading(false);
+ }
+ };
+
+ const handleImageChange = (e) => {
+ const file = e.target.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ setSelectedImage(reader.result);
+ };
+ reader.readAsDataURL(file);
+ }
+ };
+
+ return (
+
+ Rubix v1.0.0
+
+
+ NotFound
+ )
+}
+
+export default NotFound
\ No newline at end of file
diff --git a/src/Pages/Videos.jsx b/src/Pages/Videos.jsx
new file mode 100644
index 0000000..a03b36c
--- /dev/null
+++ b/src/Pages/Videos.jsx
@@ -0,0 +1,19 @@
+import { Box } from '@chakra-ui/react'
+import { OPACITY_ON_LOAD } from '../Layout/animations'
+
+const Videos = () => {
+ return (
+