If logged in, hide button

010101

After a quick search, I see this has been asked but it looks like there's no plug-and-play easy solution. Is that correct?

I don't need to do anything in a secure way, I just simply want to hide a button on a page if you are logged in. It's a page I made with fof/pages.

If you're logged in, you no longer need to see this log in button that I added.

Also, obviously you would not want to overuse this because just hiding something with CSS, if it is something important, isn't good. But, if Flarum core (or an extension) simply added "Logged-in" as a class to the body tag when someone is logged in, this one tiny addition would enable so much CSS customization for logged in / logged out users.

010101

I wonder if this code is somewhat on the right track?

use Flarum\User\Guest;

$user = $request->getAttribute('actor');

                if (($user instanceof Guest)) {
                    Do something
}

askvortsov

010101 that's not incorrect logic for checking whether the user is logged in. However, I suspect this would be easier to set with JS at application boot time.

If app.session.user is null, the user is not logged in.

010101

askvortsov

I'm back to trying to detect if you are logged in or not in an extension. I'm trying to update the Direct Links extension so that if you are already logged in, the login modal will not show. Currently, the modal shows either way.

I've tried to simply wrap part of the existing code with an if statement. It breaks things.

How do I return LoginModal only if you are logged out?

import RedirectToHomeAndOpenModalPage from './RedirectToHomeAndOpenModalPage';
import LogInModal from 'flarum/components/LogInModal';
import app from 'flarum/forum/app';

export default class LoginPage extends RedirectToHomeAndOpenModalPage {
    createModal() {
        const loggedin = app.session.user;
        if (loggedin == null) {
        return LogInModal;
        }
    }
}

Edit: The above code works. Just not with the Safari browser. Safari might be doing some sort of odd caching thing... or... I have no idea. All I know is the extension works in Chrome, but not Safari. Why, why, Safari, why? 🤯

Also, a note mainly for my future self, a better or at least more condensed way to do this is simply:

if (!app.session.user) {
        return SignUpModal;
        }

askvortsov

010101 this is why we strongly dislike Apple 😁. When you say "doesn't work", what's the behavior?

010101

askvortsov In Safari, (Safari desktop version on Mac - it works in Safari iOS, and other browsers popular browsers) the modals appear, then go away quickly. Or appear once, then never again. Only if the modal is being requested via script. If you click on login for example, it works fine.

Edit: FIXED! Yay. I had to increase a JS timeout from 1 millisecond to 1.5 seconds. Don't ask me why.