'use client'; import React, { use, useEffect } from "react"; import Link from "next/link"; import { getAPIUrl, getUriWithOrg } from "@services/config/config"; import { getOrganizationContextInfo, getOrganizationContextInfoWithoutCredentials } from "@services/organizations/orgs"; import ClientComponentSkeleton from "@components/Utils/ClientComp"; import { HeaderProfileBox } from "@components/Security/HeaderProfileBox"; import MenuLinks from "./MenuLinks"; import { getOrgLogoMediaDirectory } from "@services/media/media"; import { MessageSquareIcon } from "lucide-react"; import Modal from "@components/StyledElements/Modal/Modal"; import FeedbackModal from "../Modals/Feedback/Feedback"; import useSWR from "swr"; import { swrFetcher } from "@services/utils/ts/requests"; export const Menu = (props: any) => { const orgslug = props.orgslug; const [feedbackModal, setFeedbackModal] = React.useState(false); const { data: org, error: error, isLoading } = useSWR(`${getAPIUrl()}orgs/slug/${orgslug}`, swrFetcher); function closeFeedbackModal() { setFeedbackModal(false); } return ( <>