61 lines
1.9 KiB
TypeScript
61 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import type { FC } from "react";
|
|
import React from "react";
|
|
import { observer } from "mobx-react";
|
|
import Link from "next/link";
|
|
import { useTranslation } from "@plane/i18n";
|
|
// ui
|
|
import { Button, getButtonStyling } from "@plane/propel/button";
|
|
import { Row } from "@plane/ui";
|
|
// components
|
|
import { Logo } from "@/components/common/logo";
|
|
import { ProjectFeaturesList } from "@/components/project/settings/features-list";
|
|
// hooks
|
|
import { useProject } from "@/hooks/store/use-project";
|
|
|
|
type Props = {
|
|
workspaceSlug: string;
|
|
projectId: string | null;
|
|
onClose: () => void;
|
|
};
|
|
|
|
export const ProjectFeatureUpdate: FC<Props> = observer((props) => {
|
|
const { workspaceSlug, projectId, onClose } = props;
|
|
// store hooks
|
|
const { t } = useTranslation();
|
|
const { getProjectById } = useProject();
|
|
|
|
if (!workspaceSlug || !projectId) return null;
|
|
const currentProjectDetails = getProjectById(projectId);
|
|
if (!currentProjectDetails) return null;
|
|
|
|
return (
|
|
<>
|
|
<Row className="py-6">
|
|
<ProjectFeaturesList workspaceSlug={workspaceSlug} projectId={projectId} isAdmin />
|
|
</Row>
|
|
<div className="flex items-center justify-between gap-2 mt-4 px-6 py-4 border-t border-custom-border-100">
|
|
<div className="flex gap-1 text-sm text-custom-text-300 font-medium">
|
|
{t("congrats")}
|
|
<Logo logo={currentProjectDetails.logo_props} /> <p className="break-all">{currentProjectDetails.name}</p>{" "}
|
|
{t("created").toLowerCase()}.
|
|
</div>
|
|
<div className="flex gap-2">
|
|
<Button variant="neutral-primary" size="sm" onClick={onClose} tabIndex={1}>
|
|
{t("close")}
|
|
</Button>
|
|
<Link
|
|
href={`/${workspaceSlug}/projects/${projectId}/issues`}
|
|
onClick={onClose}
|
|
className={getButtonStyling("primary", "sm")}
|
|
tabIndex={2}
|
|
>
|
|
{t("open_project")}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
});
|