fixed toolbar overrides

Author: roncohen

packages/browser-sdk/src/toolbar/Features.tsx

@@ -101,10 +101,7 @@ function FeatureRow({
       </td>
       <td class="feature-switch-cell">
         <Switch
-          checked={
-            (feature.localOverride === null && feature.isEnabled) ||
-            feature.localOverride === true
-          }
+          checked={feature.localOverride ?? feature.isEnabled}
           tabIndex={index + 1}
           onChange={(e) => {
             const isChecked = e.currentTarget.checked;

packages/react-sdk/dev/plain/app.tsx

@@ -252,10 +252,10 @@ function CustomToolbar() {
               </button>
             )}
             <input
-              checked={feature.isEnabledOverride ?? false}
+              checked={feature.isEnabledOverride ?? feature.isEnabled}
               type="checkbox"
               onChange={(e) => {
-                console.log("onChange", e.target.checked);
+                // this uses slightly simplified logic compared to the Bucket Toolbar
                 client
                   .getFeature(featureKey)
                   .setIsEnabledOverride(e.target.checked ?? false);
@@ -277,6 +277,12 @@ export function App() {
       otherContext={initialOtherContext}
       apiBaseUrl={apiBaseUrl}
     >
+      {!publishableKey && (
+        <div>
+          No publishable key set. Please set the VITE_PUBLISHABLE_KEY
+          environment variable.
+        </div>
+      )}
       <Demos />
     </BucketProvider>
   );