+ 2
+ Ask a project owner to add you to their project
+ >
+ }
+ >
+ {owners.length ? (
+ <>
+ Project owners in Unleash:
+
+ >
+ ) : (
+ There are no project owners in Unleash to ask for access.
+ )}
+
+ );
+};
diff --git a/frontend/src/component/personalDashboard/ConnectSDK.tsx b/frontend/src/component/personalDashboard/ConnectSDK.tsx
index 815947357f..8de7b85019 100644
--- a/frontend/src/component/personalDashboard/ConnectSDK.tsx
+++ b/frontend/src/component/personalDashboard/ConnectSDK.tsx
@@ -3,16 +3,7 @@ import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import type { FC } from 'react';
import { ActionBox } from './ActionBox';
import { Link } from 'react-router-dom';
-
-const NeutralCircleContainer = styled('span')(({ theme }) => ({
- width: '28px',
- height: '28px',
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center',
- backgroundColor: theme.palette.neutral.border,
- borderRadius: '50%',
-}));
+import { NeutralCircleContainer } from './SharedComponents';
const MainCircleContainer = styled(NeutralCircleContainer)(({ theme }) => ({
backgroundColor: theme.palette.primary.main,
diff --git a/frontend/src/component/personalDashboard/MyProjects.tsx b/frontend/src/component/personalDashboard/MyProjects.tsx
index e325b79330..c428cfc3b3 100644
--- a/frontend/src/component/personalDashboard/MyProjects.tsx
+++ b/frontend/src/component/personalDashboard/MyProjects.tsx
@@ -33,6 +33,8 @@ import { ContactAdmins, DataError } from './ProjectDetailsError';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { Link } from 'react-router-dom';
import { ActionBox } from './ActionBox';
+import { NoProjectsContactAdmin } from './NoProjectsContactAdmin';
+import { AskOwnerToAddYouToTheirProject } from './AskOwnerToAddYouToTheirProject';
const ActiveProjectDetails: FC<{
project: PersonalDashboardSchemaProjectsItem;
@@ -140,6 +142,7 @@ export const MyProjects = forwardRef<
setActiveProject,
activeProject,
admins,
+ owners,
},
ref,
) => {
@@ -158,6 +161,7 @@ export const MyProjects = forwardRef<
const box1Content = () => {
if (state === 'no projects') {
+ return