fixes

src/App.tsx

@@ -2301,6 +2301,7 @@ function App() {
               onClick={() => {
                 setRawWallet(null);
                 setExtstate("not-authenticated");
+                logoutFunc()
               }}
               src={Return}
             />

src/components/Group/ListOfGroupPromotions.tsx

@@ -162,7 +162,7 @@ export const ListOfGroupPromotions = () => {
       });
 
       await Promise.all(getPromos);
-      const groupWithInfo = await getGroupNames(data);
+      const groupWithInfo = await getGroupNames(data.sort((a, b) => b.created - a.created));
       setPromotions(groupWithInfo);
     } catch (error) {
       console.error(error);
@@ -559,10 +559,10 @@ export const ListOfGroupPromotions = () => {
                 }}
               >
                 <Button
-                  variant="contained"
                   onClick={(event) => handlePopoverOpen(event, promotion?.groupId)}
                   sx={{
                     fontSize: "12px",
+                    color: 'white'
                   }}
                 >
                   Join Group: {` ${promotion?.groupName}`}
@@ -698,7 +698,7 @@ export const ListOfGroupPromotions = () => {
           aria-describedby="alert-dialog-description"
         >
           <DialogTitle id="alert-dialog-title">
-            {"Publish Group Promotion"}
+          {"Promote your group to non-members"}
           </DialogTitle>
           <DialogContent>
             <DialogContentText id="alert-dialog-description">

src/components/Group/ThingsToDoInitial.tsx

@@ -49,9 +49,9 @@ export const ThingsToDoInitial = ({ myAddress, name, hasGroups, balance , userIn
   }, [name]);
 
   const isLoaded = React.useMemo(()=> {
-    if(balance !== null &&  userInfo !== null) return true
+    if(userInfo !== null) return true
   return false
-}, [balance, userInfo])
+}, [ userInfo])
 
 const hasDoneNameAndBalanceAndIsLoaded = React.useMemo(()=> {
   if(isLoaded && checked1 && checked2) return true