fix(offline): Ensure offline badge shown if user is logged in

Author: grega

src/components/SaveButton/SaveButton.jsx

@@ -42,7 +42,7 @@ const SaveButton = ({ className, type, fill = false }) => {
 
   if (loading !== "success" || projectOwner || !buttonType) return null;
 
-  if (offlineEnabled && !isOnline && !user) {
+  if (offlineEnabled && !isOnline) {
     return (
       <div
         className={classNames(className, "offline-badge")}

src/components/SaveButton/SaveButton.test.js

@@ -260,17 +260,21 @@ describe("When project is loaded", () => {
       expect(screen.queryByText("header.offline")).not.toBeInTheDocument();
     });
 
-    test("does not show offline badge when user is logged in", () => {
+    test("shows offline badge when user is logged in and offline", () => {
       const store = configureStore([])({
         ...offlineState,
+        editor: {
+          ...offlineState.editor,
+          project: { identifier: "some-project", user_id: "some-other-user" },
+        },
         auth: { user: { profile: { user: "some-user" } } },
       });
       render(
         <Provider store={store}>
           <SaveButton />
         </Provider>,
       );
-      expect(screen.queryByText("header.offline")).not.toBeInTheDocument();
+      expect(screen.queryByText("header.offline")).toBeInTheDocument();
     });
 
     describe("accessibility", () => {