Fix server join addresses page getting network join address list

Plan/react/dashboard/src/components/cards/common/JoinAddresses.jsx

@@ -5,18 +5,19 @@ import {Col} from "react-bootstrap";
 import React from "react";
 import AddressGroupSelectorRow from "./AddressGroupSelectorRow.jsx";
 import {JoinAddressListContextProvider} from "../../../hooks/context/joinAddressListContextHook.jsx";
+import {staticSite} from "../../../service/backendConfiguration.js";
 
 const JoinAddresses = ({id, seeTime, identifier}) => {
     return (
         <LoadIn>
             {seeTime && <section id={id} className={id}>
-                <JoinAddressListContextProvider identifier={null} isAllowed={seeTime}>
+                <JoinAddressListContextProvider identifier={identifier} isAllowed={seeTime}>
                     <ExtendableRow id={`row-${id}-0`}>
                         <Col lg={12}>
                             <JoinAddressGraphCard identifier={identifier}/>
                         </Col>
                     </ExtendableRow>
-                    <AddressGroupSelectorRow/>
+                    {!staticSite && <AddressGroupSelectorRow/>}
                 </JoinAddressListContextProvider>
             </section>}
         </LoadIn>

Plan/react/dashboard/src/components/cards/common/PlayerRetentionGraphCard.jsx

@@ -173,7 +173,6 @@ const PlayerRetentionGraphCard = ({identifier, selectedGroupBy, setSelectedGroup
                         if (!grouped[joinAddressGroup]) grouped[joinAddressGroup] = [];
                         grouped[joinAddressGroup].push(point);
                     }
-
                     break;
                 case 'none':
                 default:

Plan/react/dashboard/src/components/cards/server/graphs/JoinAddressGraphCard.jsx

@@ -10,6 +10,7 @@ import JoinAddressGraph from "../../../graphs/JoinAddressGraph";
 import Toggle from "../../../input/Toggle";
 import {useJoinAddressListContext} from "../../../../hooks/context/joinAddressListContextHook.jsx";
 import {useNavigation} from "../../../../hooks/navigationHook.jsx";
+import {staticSite} from "../../../../service/backendConfiguration.js";
 
 const JoinAddressGraphCard = ({identifier}) => {
     const {t} = useTranslation();
@@ -22,11 +23,12 @@ const JoinAddressGraphCard = ({identifier}) => {
     const [data, setData] = useState(undefined);
     const [loadingError, setLoadingError] = useState(undefined);
     const loadAddresses = useCallback(async () => {
-        if (noSelectedAddresses) return;
+        if (!staticSite && noSelectedAddresses) return;
 
         let colors = ['#4ab4de'];
         const dataByGroup = [];
-        for (const group of list.filter(group => group.addresses.length)) {
+        const addressGroups = staticSite ? [{addresses: [], name: ""}] : list.filter(group => group.addresses.length);
+        for (const group of addressGroups) {
             const {data, error} = await fetchJoinAddressByDay(updateRequested, group.addresses, identifier);
             if (error) {
                 setLoadingError(error);
@@ -36,6 +38,7 @@ const JoinAddressGraphCard = ({identifier}) => {
             dataByGroup.push({...group, data: data?.join_addresses_by_date || []});
         }
 
+        if (!staticSite) {
             // First group points from endpoint into frontend based groups
             const points = {};
             for (const group of dataByGroup) {
@@ -61,6 +64,10 @@ const JoinAddressGraphCard = ({identifier}) => {
                 join_addresses_by_date: flattened,
                 colors
             });
+        } else {
+            // On exported site we get all addresses individually
+            setData({join_addresses_by_date: dataByGroup[0].data, colors})
+        }
     }, [setData, setLoadingError, identifier, updateRequested, list]);
 
     useEffect(() => {