feat: add feature flags support

src/index.tsx

@@ -29,8 +29,11 @@ import {
 import { PinnedProvider } from "services/PinnedProvider";
 
 import awsconfig from "./aws-exports";
+import { features } from "./services/FeatureService";
 import { theme } from "./theme";
 
+features.applyOverrides();
+
 Amplify.configure({
   ...awsconfig,
   userPoolId: process.env.REACT_APP_USER_POOL_ID,
@@ -113,7 +116,7 @@ const App = withAuthenticator(
       </BrowserRouter>
     </QueryClientProvider>
   ),
-  { hideSignUp: true, components }
+  { hideSignUp: features.flags["F001"], components }
 );
 
 const container = document.getElementById("root");

src/services/FeatureService.ts

@@ -0,0 +1,28 @@
+interface Features {
+  [id: string]: boolean;
+}
+
+class FeatureService {
+  public flags: Features;
+
+  constructor() {
+    this.flags = {
+      // F001 - Early Access Flow - Users can't sign up on their own
+      F001: true,
+    };
+  }
+
+  // applyOverrides reads feature flags from local storage and overrides
+  // the app's default set of enabled features.
+  applyOverrides() {
+    const flags = localStorage.getItem("flags");
+    if (!flags) {
+      return;
+    }
+
+    const overrides: Features = JSON.parse(flags);
+    this.flags = { ...this.flags, ...overrides };
+  }
+}
+
+export const features = new FeatureService();