feat: APP-887 Change "edit project" on project page

web-marketplace/src/components/organisms/SellOrdersActionsBar/SellOrdersActionsBar.tsx

@@ -4,16 +4,16 @@ import { ReactNode, useMemo } from 'react';
 import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 import { Box, useMediaQuery, useTheme } from '@mui/material';
-import { EDIT_PROJECT } from 'legacy-pages/ProjectEdit/ProjectEdit.constants';
+import { MANAGE_PROJECT } from 'legacy-pages/ProjectEdit/ProjectEdit.constants';
 import { SOLD_OUT_TOOLTIP } from 'legacy-pages/Projects/AllProjects/AllProjects.constants';
 import { usePathname, useRouter } from 'next/navigation';
 import { Buy1Event } from 'web-marketplace/src/lib/tracker/types';
 import { useTracker } from 'web-marketplace/src/lib/tracker/useTracker';
 
 import ContainedButton from 'web-components/src/components/buttons/ContainedButton';
 import OutlinedButton from 'web-components/src/components/buttons/OutlinedButton';
+import { CogIcon } from 'web-components/src/components/icons/CogIcon';
 import CurrentCreditsIcon from 'web-components/src/components/icons/CurrentCreditsIcon';
-import EditIcon from 'web-components/src/components/icons/EditIcon';
 import { StickyBar } from 'web-components/src/components/sticky-bar/StickyBar';
 import InfoTooltip from 'web-components/src/components/tooltip/InfoTooltip';
 import InfoTooltipWithIcon from 'web-components/src/components/tooltip/InfoTooltipWithIcon';
@@ -54,6 +54,7 @@ type Params = {
   isCreatePostButtonDisabled?: boolean;
   tooltipText?: string;
   isTerrasos?: boolean;
+  isManagedByUserOrganization?: boolean;
 };
 
 export const SellOrdersActionsBar = ({
@@ -78,6 +79,7 @@ export const SellOrdersActionsBar = ({
   isCreatePostButtonDisabled,
   tooltipText,
   isTerrasos,
+  isManagedByUserOrganization,
 }: Params): JSX.Element => {
   const { _ } = useLingui();
   const pathname = usePathname();
@@ -92,6 +94,9 @@ export const SellOrdersActionsBar = ({
   const buttons = useMemo(() => getProjectCardButtonMapping(_), [_]);
 
   const showAdminButtons = canEditProject || canCreatePost;
+  const dashboardBasePath = isManagedByUserOrganization
+    ? '/dashboard/organization'
+    : '/dashboard';
 
   return (
     <StickyBar>
@@ -126,14 +131,14 @@ export const SellOrdersActionsBar = ({
               <ContainedButton
                 onClick={() =>
                   router.push(
-                    `/project-pages/${
+                    `${dashboardBasePath}/projects/${
                       onChainProjectId ?? offChainProjectId
-                    }/edit/basic-info?from=${encodeURIComponent(pathname)}`,
+                    }/manage`,
                   )
                 }
               >
-                <EditIcon className="mr-10" sx={{ color: '#fff' }} />
-                {_(EDIT_PROJECT)}
+                <CogIcon className="mr-10 text-grey-0" />
+                {_(MANAGE_PROJECT)}
               </ContainedButton>
             )}
           </>

web-marketplace/src/components/templates/ProjectDetails/ProjectDetails.tsx

@@ -56,6 +56,7 @@ import {
   getCanViewPost,
 } from 'components/templates/ProjectFormTemplate/ProjectFormAccessTemplate.utils';
 import { useFetchPaginatedBatches } from 'hooks/batches/useFetchPaginatedBatches';
+import { useDaoOrganization } from 'hooks/useDaoOrganization';
 import { useOnBuyButtonClick } from 'hooks/useOnBuyButtonClick';
 
 import { useLedger } from '../../../ledger';
@@ -111,6 +112,7 @@ function ProjectDetails(): JSX.Element {
     useApolloClient() as ApolloClient<NormalizedCacheObject>;
 
   const { activeAccount } = useAuth();
+  const dao = useDaoOrganization();
   const [isCreatePostModalOpen, setIsCreatePostModalOpen] = useState(false);
   const [draftPost, setDraftPost] = useState<
     Partial<PostFormSchemaType> | undefined
@@ -343,6 +345,9 @@ function ProjectDetails(): JSX.Element {
   // Fetch organization data if project belongs to an organization
   const organizationId =
     offChainProject?.organizationProjectByProjectId?.organizationId;
+  const userOrganizationId = dao?.organizationByDaoAddress?.id;
+  const isManagedByUserOrganization =
+    !!organizationId && organizationId === userOrganizationId;
   const { data: organizationData } = useQuery(
     getOrganizationByIdQuery({
       client: graphqlClient,
@@ -416,6 +421,7 @@ function ProjectDetails(): JSX.Element {
           isCreatePostButtonDisabled={!projectLocation || !isProjectPublished}
           tooltipText={_(CREATE_POST_DISABLED_TOOLTIP_TEXT)}
           isTerrasos={isTerrasos}
+          isManagedByUserOrganization={isManagedByUserOrganization}
         >
           {!canEditProject &&
             isPrefinanceProject &&

web-marketplace/src/legacy-pages/CreditClassDetails/CreditClassDetails.tsx

@@ -26,7 +26,7 @@ import { getCreditClassByOnChainIdQuery } from 'lib/queries/react-query/registry
 import { getAllCreditClassPageQuery } from 'lib/queries/react-query/sanity/getAllCreditClassPageQuery/getAllCreditClassPageQuery';
 
 import { getDisplayAccountOrAddress } from 'components/organisms/DetailsSection/DetailsSection.utils';
-import { SellOrdersActionsBar } from 'components/organisms/SellOrdersActionsBar/SellOrdersActionsBar.legacy';
+import { SellOrdersActionsBar } from 'components/organisms/SellOrdersActionsBar/SellOrdersActionsBar';
 import { getDisplayAccount } from 'components/templates/ProjectDetails/ProjectDetails.utils';
 
 import { useLedger } from '../../ledger';

web-marketplace/src/legacy-pages/ProjectEdit/ProjectEdit.constants.ts

@@ -3,3 +3,4 @@ import { msg } from '@lingui/core/macro';
 export const PROJECT_UPDATED_METADATA_HEADER = msg`Project metadata updated`;
 export const PROJECT_UPDATE_METADATA_LABEL = msg`Update project metadata`;
 export const EDIT_PROJECT = msg`edit project`;
+export const MANAGE_PROJECT = msg`manage project`;