- {/*
-
-
-
-
-
-
*/}
-
-
+
+
+
+
+
+
+ Organisations
+
+
+
+
+ {allOrganizationData.length || '00'}
+
+
+
+
+
+
+
+ {allOrganizationData
+ .filter((org) => org.status.toLowerCase() === 'active')
+ .length.toString()
+ .padStart(2, '0') || '00'}
+
+
+
+
+
+
+
+ {allOrganizationData
+ .filter((org) => org.status.toLowerCase() === 'pending')
+ .length.toString()
+ .padStart(2, '0') || '00'}
+
+
+
+
+
+
+
+ {allOrganizationData
+ .filter((org) => org.status.toLowerCase() === 'rejected')
+ .length.toString()
+ .padStart(2, '0') || '00'}
+
+
+
+
+
+
+
+
+
+ USERS
+
+
+
+
+ {allOrgsUsers.totalUsers.toString().padStart(2, '0')}
+
+
+
+
+
+
+
+ Domain
+
+
+
+ 00
+
+
+
+
+
+
Monthly Registrations
+
+
+
+
+
+
700
+ ? 350
+ : window.innerWidth > 500
+ ? 300
+ : 250
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+ {registrationYears?.map((year) => (
+
+ ))}
+
+
+
+
+
+
+
Recent Organization Requests
+
+
+
+
+
+
+ |
+ Name
+ |
+
+ Admin-Email
+ |
+
+ Status
+ |
+
+
+
+ {allOrganizationData
+ .slice(
+ allOrganizationData.length - 5,
+ allOrganizationData.length,
+ )
+ .map((org) => (
+
+ | {org.name} |
+
+ {
+ // eslint-disable-next-line no-nested-ternary
+ org.admin
+ ? // eslint-disable-next-line no-nested-ternary
+ org.admin.email.length > 20
+ ? window.innerWidth > 530
+ ? `${org.admin.email.slice(0, 22)}..`
+ : `${org.admin.email.slice(0, 16)}..`
+ : org.admin.email
+ : '-'
+ }
+ |
+
+
+ |
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
Upcoming Events
+
+
+ {upcomingEvents.map((event) => (
+
+
+
+
+
{event.title} -
+
+
+ {event.hostName}
+
+
+
+
+ {event.timeToStart}
+ {event.timeToEnd && ` - ${event.timeToEnd}`}
+
+
+
+ {format(new Date(event.start), 'dd, MMM yyyy')}
+
+ -
+ {format(new Date(event.end), 'dd, MMM yyyy')}
+
+
+
+
+ ))}
+
+
+
+
+
+
+
Organization Updates
+
+
+ {allOrgsUsers.organizations
+ .sort((a, b) => b.members.length - a.members.length)
+ .slice(0, 3)
+ .map((org) => (
+
+
+
+
+ {org.organization.name}
+
+
+ {format(new Date(), 'MMM, yyyy')}
+
+
+
+
+
+
+ {(org.organization.admin &&
+ org.organization.admin.profile &&
+ org.organization.admin.profile.name) ||
+ '-'}
+
+
+
+
+ {org.members.length}
+
+ {`${org.monthPercentage.toPrecision(2)}%`}
+
+
+
+
+ ))}
+
+
+
+
+
Today's Login Overview
+
+
+ {allOrgsUsers.organizations
+ .sort((a, b) => b.loginsCount - a.loginsCount)
+ .slice(0, 3)
+ .map((org) => (
+
+
+
+
+
+
{org.organization.name}
+
{org.loginsCount}
+
+
+
+
+
+
+
+ {org.recentLocation || 'unavailable'}
+
+ {org.recentLocation && (
+
+ (Recent login location)
+
+ )}
+
+
+
+ ))}
+
diff --git a/src/queries/organization.queries.tsx b/src/queries/organization.queries.tsx
new file mode 100644
index 000000000..5f2917162
--- /dev/null
+++ b/src/queries/organization.queries.tsx
@@ -0,0 +1,59 @@
+import { gql } from '@apollo/client';
+
+export const GET_ORGANIZATIONS = gql`
+ query GetOrganizations {
+ getOrganizations {
+ id
+ name
+ description
+ admin {
+ id
+ email
+ }
+ status
+ }
+ }
+`;
+export const GET_ALL_ORG_USERS = gql`
+ query GetAllOrgUsers {
+ getAllOrgUsers {
+ totalUsers
+ organizations {
+ organization {
+ id
+ name
+ description
+ admin {
+ id
+ email
+ profile {
+ name
+ }
+ }
+ status
+ }
+ members {
+ email
+ profile {
+ name
+ }
+ }
+ monthPercentage
+ loginsCount
+ recentLocation
+ }
+ }
+ }
+`;
+export const GET_REGISTRATION_STATS = gql`
+ query GetRegistrationStats {
+ getRegistrationStats {
+ year
+ stats {
+ month
+ users
+ organizations
+ }
+ }
+ }
+`;
diff --git a/tailwind.config.js b/tailwind.config.js
index 9ac45761f..7c55c1500 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,8 +4,9 @@ module.exports = {
theme: {
extend: {
screens: {
- xm:'360px',
+ xm: '360px',
sm: '375px',
+ xsm: '500px',
xmd: '600px',
md: '768px',
lg: '976px',
@@ -40,27 +41,31 @@ module.exports = {
// sans: ['PT Serif', 'serif'],
serif: ['Inter', 'serif'],
},
- extend: {
- borderRadius: {
- '4xl': '2rem',
- },
- keyframes: {
- wave: {
- '0%': { transform: 'rotate(0.0deg)' },
- '10%': { transform: 'rotate(14deg)' },
- '20%': { transform: 'rotate(-8deg)' },
- '30%': { transform: 'rotate(14deg)' },
- '40%': { transform: 'rotate(-4deg)' },
- '50%': { transform: 'rotate(10.0deg)' },
- '60%': { transform: 'rotate(0.0deg)' },
- '100%': { transform: 'rotate(0.0deg)' },
- },
+ borderRadius: {
+ '4xl': '2rem',
+ },
+ keyframes: {
+ wave: {
+ '0%': { transform: 'rotate(0.0deg)' },
+ '10%': { transform: 'rotate(14deg)' },
+ '20%': { transform: 'rotate(-8deg)' },
+ '30%': { transform: 'rotate(14deg)' },
+ '40%': { transform: 'rotate(-4deg)' },
+ '50%': { transform: 'rotate(10.0deg)' },
+ '60%': { transform: 'rotate(0.0deg)' },
+ '100%': { transform: 'rotate(0.0deg)' },
},
- animation: {
- 'waving-hand': 'wave 10s linear infinite',
+ 'ping-live': {
+ '0%': { transform: 'scale(0.8)', opacity: '1' },
+ '50%': { transform: 'scale(1)', opacity: '0.7' },
+ '100%': { transform: 'scale(0.8)', opacity: '1' },
},
},
+ animation: {
+ 'waving-hand': 'wave 10s linear infinite',
+ 'ping-live': 'ping-live 1.5s ease-in-out infinite',
+ },
},
- plugins: [],
},
+ plugins: [],
};