import React, { FC } from "react"; import { observer } from "mobx-react"; import Link from "next/link"; // hooks import { Button, getButtonStyling } from "@plane/ui"; import { useProject } from "@/hooks/store"; // ui // components import { ProjectLogo } from "./project-logo"; import { ProjectFeaturesList } from "./settings"; type Props = { workspaceSlug: string; projectId: string | null; onClose: () => void; }; export const ProjectFeatureUpdate: FC = observer((props) => { const { workspaceSlug, projectId, onClose } = props; // store hooks const { getProjectById } = useProject(); if (!workspaceSlug || !projectId) return null; const currentProjectDetails = getProjectById(projectId); if (!currentProjectDetails) return null; return ( <>

Toggle project features

Turn on features which help you manage and run your project.
Congrats! Project {" "}

{currentProjectDetails.name}

created.
Open project
); });