mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
c9337d4a41
* fix: created dashboard, widgets and dashboard widget model * fix: new user home dashboard * chore: recent projects list * chore: recent collaborators * chore: priority order change * chore: payload changes * chore: collaborator's active issue count * chore: all dashboard widgets added with services and typs * chore: centered metric for pie chart * chore: widget filters * chore: created issue filter * fix: created and assigned issues payload change * chore: created issue payload change * fix: date filter change * chore: implement filters * fix: added expansion fields * fix: changed issue structure with relation * chore: new issues response * fix: project member fix * chore: updated issue_relation structure * chore: code cleanup * chore: update issues response and added empty states * fix: button text wrap * chore: update empty state messages * fix: filters * chore: update dark mode empty states * build-error: Type check in the issue relation service * fix: issues redirection * fix: project empty state * chore: project member active check * chore: project member check in state and priority * chore: remove console logs and replace harcoded values with constants * fix: code refactoring * fix: key name changed * refactor: mapping through similar components using an array * fix: build errors --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> Co-authored-by: gurusainath <gurusainath007@gmail.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
|
import { useTheme } from "next-themes";
|
|
// assets
|
|
import DarkImage from "public/empty-state/dashboard/dark/recent-collaborators.svg";
|
|
import LightImage from "public/empty-state/dashboard/light/recent-collaborators.svg";
|
|
// helpers
|
|
import { cn } from "helpers/common.helper";
|
|
|
|
type Props = {};
|
|
|
|
export const RecentCollaboratorsEmptyState: React.FC<Props> = (props) => {
|
|
const {} = props;
|
|
// next-themes
|
|
const { resolvedTheme } = useTheme();
|
|
|
|
return (
|
|
<div className="mt-7 px-7 flex justify-between gap-16">
|
|
<p className="text-sm font-medium text-custom-text-300">
|
|
People are excited to work with you, once they do you will find your frequent collaborators here.
|
|
</p>
|
|
<div
|
|
className={cn("w-3/5 h-1/3 p-1.5 pb-0 rounded-t-md flex-shrink-0 self-end", {
|
|
"border border-custom-border-200": resolvedTheme === "dark",
|
|
})}
|
|
style={{
|
|
background:
|
|
resolvedTheme === "light"
|
|
? "linear-gradient(135deg, rgba(235, 243, 255, 0.45) 3.57%, rgba(99, 161, 255, 0.24) 94.16%)"
|
|
: "",
|
|
}}
|
|
>
|
|
<Image
|
|
src={resolvedTheme === "dark" ? DarkImage : LightImage}
|
|
className="w-full h-full"
|
|
alt="Recent collaborators"
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|