binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: responsive empty state for profile stats (#1911)

Browse source
This commit is contained in:
Anmol Singh Bhatia 2023-08-18 20:18:03 +05:30 • committed by GitHub
parent 8d5018318d
commit 64b5ba196f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/app/components/profile/overview/priority-distribution.tsx
View file

@ -12,10 +12,10 @@ type Props = {
}; };
export const ProfilePriorityDistribution: React.FC<Props> = ({ userProfile }) => ( export const ProfilePriorityDistribution: React.FC<Props> = ({ userProfile }) => (
<div className="space-y-2"> <div className="flex flex-col space-y-2">
<h3 className="text-lg font-medium">Issues by Priority</h3> <h3 className="text-lg font-medium">Issues by Priority</h3>
{userProfile ? ( {userProfile ? (
<div className="border border-custom-border-100 rounded"> <div className="flex-grow border border-custom-border-100 rounded">
{userProfile.priority_distribution.length > 0 ? ( {userProfile.priority_distribution.length > 0 ? (
<BarGraph <BarGraph
data={userProfile.priority_distribution.map((priority) => ({ data={userProfile.priority_distribution.map((priority) => ({
@ -63,7 +63,7 @@ export const ProfilePriorityDistribution: React.FC<Props> = ({ userProfile }) =>
}} }}
/> />
) : ( ) : (
<div className="p-7"> <div className="flex-grow p-7">
<ProfileEmptyState <ProfileEmptyState
title="No Data yet" title="No Data yet"
description="Create issues to view the them by priority in the graph for better analysis." description="Create issues to view the them by priority in the graph for better analysis."

4
apps/app/components/profile/overview/state-distribution.tsx
View file

@ -16,9 +16,9 @@ export const ProfileStateDistribution: React.FC<Props> = ({ stateDistribution, u
if (!userProfile) return null; if (!userProfile) return null;
return ( return (
<div className="space-y-2"> <div className="flex flex-col space-y-2">
<h3 className="text-lg font-medium">Issues by State</h3> <h3 className="text-lg font-medium">Issues by State</h3>
<div className="border border-custom-border-100 rounded p-7"> <div className="flex-grow border border-custom-border-100 rounded p-7">
{userProfile.state_distribution.length > 0 ? ( {userProfile.state_distribution.length > 0 ? (
<div className="grid grid-cols-1 md:grid-cols-2 gap-x-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6">
<div> <div>