[CORL-314] Rename to Coral (#2318)

* chore: rename talk to coral * fix: lint and unit tests * fix: snapshot
2026-06-27 18:07:26 +08:00 · 2019-05-22 21:32:24 +02:00
parent 3ea696fcc8
commit 6da97c57d7
1017 changed files with 3007 additions and 3001 deletions
@@ -1,13 +1,13 @@
-# talk ![CircleCI](https://img.shields.io/circleci/project/github/coralproject/talk/next.svg)
+# Coral ![CircleCI](https://img.shields.io/circleci/project/github/coralproject/talk/next.svg)

-Online comments are broken. Our open-source commenting platform, Talk, rethinks
+Online comments are broken. Our open-source commenting platform, Coral, rethinks
 how moderation, comment display, and conversation function, creating the
 opportunity for safer, smarter discussions around your work.
-[Read more about Talk here](https://coralproject.net/talk).
+[Read more about Coral here](https://coralproject.net/talk).

 Built with <3 by The Coral Project, a part of [Vox Media](https://product.voxmedia.com/).

-Preview Talk easily by running Talk via a Heroku App:
+Preview Coral easily by running Coral via a Heroku App:

 [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/coralproject/talk/tree/next)

@@ -36,7 +36,7 @@ Preview Talk easily by running Talk via a Heroku App:

 ## Running

-You can install Talk using Docker or via Source. We recommend Docker, as it
+You can install Coral using Docker or via Source. We recommend Docker, as it
 provides the easiest deployment solution going forward, as all the dependencies
 are baked and shipped with the provided
 [coralproject/talk:next](https://hub.docker.com/r/coralproject/talk) image.
@@ -45,7 +45,7 @@ When v5 releases to master, you'll be able to select it using

 ### Docker

-The easiest way to get started with Talk is through our published Docker image
+The easiest way to get started with Coral is through our published Docker image
 and provided example `docker-compose.yml` file. The following assumes that you
 have Docker and Docker Compose installed on your local machine:

@@ -69,7 +69,7 @@ services:
      - mongo
      - redis
    environment:
-      - MONGODB_URI=mongodb://mongo:27017/talk
+      - MONGODB_URI=mongodb://mongo:27017/coral
      - REDIS_URI=redis://redis:6379
      - SIGNING_SECRET=<replace me with something secret>
  mongo:
@@ -82,19 +82,19 @@ services:
      - ./data/redis:/data
 EOF

-# Start up Talk using Docker.
+# Start up Coral using Docker.
 docker-compose up -d
 ```

-Then head on over to http://localhost:3000 to install Talk!
+Then head on over to http://localhost:3000 to install Coral!

 ### Source

-Talk requires NodeJS >=10, we recommend using `nvm` to help manage node
+Coral requires NodeJS >=10, we recommend using `nvm` to help manage node
 versions: https://github.com/creationix/nvm.

 ```bash
-# Clone and cd into the Talk directory.
+# Clone and cd into the Coral directory.
 git clone https://github.com/coralproject/talk.git
 cd talk

@@ -108,7 +108,7 @@ npm run build

 This should output all the compiled application code to `./dist`.

-Running Talk with default settings assumes that you have:
+Running Coral with default settings assumes that you have:

 - MongoDB >=3.6 running on `127.0.0.1:27017`
 - Redis >=3.2 running on `127.0.0.1:6379`
@@ -121,25 +121,25 @@ docker run -d -p 27017:27017 --restart always --name mongo mongo:3.6
 docker run -d -p 6379:6379 --restart always --name redis redis:3.2
 ```

-Then start Talk with:
+Then start Coral with:

 ```bash
 # Start the server in production mode.
 npm run start
 ```

-Then head on over to http://localhost:3000 to install Talk!
+Then head on over to http://localhost:3000 to install Coral!

 ### Development

-Running Talk for development is very similar to installing Talk via Source as
+Running Coral for development is very similar to installing Coral via Source as
 described above.

-Talk requires NodeJS >=10, we recommend using `nvm` to help manage node
+Coral requires NodeJS >=10, we recommend using `nvm` to help manage node
 versions: https://github.com/creationix/nvm.

 ```bash
-# Clone and cd into the Talk directory.
+# Clone and cd into the Coral directory.
 git clone https://github.com/coralproject/talk.git
 cd talk

@@ -147,7 +147,7 @@ cd talk
 npm install
 ```

-Running Talk with default settings assumes that you have:
+Running Coral with default settings assumes that you have:

 - MongoDB >=3.6 running on `127.0.0.1:27017`
 - Redis >=3.2 running on `127.0.0.1:6379`
@@ -160,7 +160,7 @@ docker run -d -p 27017:27017 --restart always --name mongo mongo:3.6
 docker run -d -p 6379:6379 --restart always --name redis redis:3.2
 ```

-Then start Talk with:
+Then start Coral with:

 ```bash
 # Run the server in development mode in order to facilitate auto-restarting and
@@ -192,7 +192,7 @@ which provides a test SMTP server that can visualize emails in the browser:
 docker run -d --name inbucket -p 2500:2500 -p 9000:9000 inbucket/inbucket
 ```

-You can then configure the email server on Talk by updating the Tenant with:
+You can then configure the email server on Coral by updating the Tenant with:

 ```js
 {
@@ -206,7 +206,7 @@ You can then configure the email server on Talk by updating the Tenant with:
 }
 ```

-Restarting Talk will be needed. Navigate to http://localhost:9000, click the
+Restarting Coral will be needed. Navigate to http://localhost:9000, click the
 "Monitor" tab. New emails received on this screen.

 #### Design Language System (UI Components)
@@ -226,7 +226,7 @@ After compilation has finished you can access docz at http://localhost:3030/.

 ## Configuration

-The following environment variables can be set to configure the Talk Server. You
+The following environment variables can be set to configure the Coral Server. You
 can expose them in your shell via `export NODE_ENV=development` or by placing
 the variables in a `.env` file in the root of the project in a simple
 `NODE_ENV=development` format delimited by newlines.
@@ -236,7 +236,7 @@ the variables in a `.env` file in the root of the project in a simple
  `npm run start` and `development` when run with `npm run start:development`.
 - `PORT` - The port to listen for HTTP and Websocket requests. (Default `3000`)
 - `MONGODB_URI` - The MongoDB database URI to connect to.
-  (Default `mongodb://127.0.0.1:27017/talk`)
+  (Default `mongodb://127.0.0.1:27017/coral`)
 - `REDIS_URI` - The Redis database URI to connect to.
  (Default `redis://127.0.0.1:6379`)
 - `SIGNING_SECRET` - The shared secret to use to sign JSON Web Tokens (JWT) with
@@ -247,14 +247,14 @@ the variables in a `.env` file in the root of the project in a simple
 - `LOGGING_LEVEL` - The logging level that can be set to one of `fatal`,
  `error`, `warn`, `info`, `debug`, or `trace`. (Default `info`)
 - `STATIC_URI` - The URI that static assets can be accessed from. This URI can
-  be to a proxy that uses this Talk server on `PORT` as the upstream. Disabled
+  be to a proxy that uses this Coral server on `PORT` as the upstream. Disabled
  by default.
 - `DISABLE_TENANT_CACHING` - When `true`, all tenants will be loaded from the
  database when needed rather than keeping a in-memory copy in sync via
  published events on Redis. (Default `false`)
- `DISABLE_MONGODB_AUTOINDEXING` - When `true`, Talk will not perform indexing
+- `DISABLE_MONGODB_AUTOINDEXING` - When `true`, Coral will not perform indexing
  operations when it starts up. This can be desired when you've already
-  installed Talk on the target MongoDB, but want to improve start performance.
+  installed Coral on the target MongoDB, but want to improve start performance.
  (Default `false`)
 - `LOCALE` - Specify the default locale to use for all requests without a locale
  specified. (Default `en-US`)
@@ -273,4 +273,4 @@ the variables in a `.env` file in the root of the project in a simple

 ## License

-Talk is released under the [Apache License, v2.0](/LICENSE).
+Coral is released under the [Apache License, v2.0](/LICENSE).
@@ -1,5 +1,5 @@
 {
-  "name": "Talk",
+  "name": "Coral",
  "description": "A better commenting experience from Vox Media.",
  "env": {
    "REWRITE_ENV": {
@@ -7,8 +7,7 @@
      "value": "REDIS_URI:REDIS_URL,MONGODB_URI:MONGO_URI"
    },
    "SIGNING_SECRET": {
-      "description":
-        "The shared secret to use to sign JSON Web Tokens (JWT) with the selected signing algorithm.",
+      "description": "The shared secret to use to sign JSON Web Tokens (JWT) with the selected signing algorithm.",
      "generator": "secret"
    },
    "CONCURRENCY": {
@@ -16,8 +15,7 @@
      "value": "1"
    },
    "LOCALE": {
-      "description":
-        "Specify the default locale to use for all requests without a locale specified",
+      "description": "Specify the default locale to use for all requests without a locale specified",
      "value": "en-US"
    },
    "ENABLE_GRAPHIQL": {
@@ -27,13 +27,13 @@ module.exports = {
    "[/\\\\]node_modules[/\\\\](?!(fluent|react-relay-network-modern)[/\\\\]).+\\.(js|jsx|mjs|ts|tsx)$",
  ],
  moduleNameMapper: {
-    "^talk-account/(.*)$": "<rootDir>/src/core/client/account/$1",
-    "^talk-admin/(.*)$": "<rootDir>/src/core/client/admin/$1",
-    "^talk-auth/(.*)$": "<rootDir>/src/core/client/auth/$1",
-    "^talk-ui/(.*)$": "<rootDir>/src/core/client/ui/$1",
-    "^talk-stream/(.*)$": "<rootDir>/src/core/client/stream/$1",
-    "^talk-framework/(.*)$": "<rootDir>/src/core/client/framework/$1",
-    "^talk-common/(.*)$": "<rootDir>/src/core/common/$1",
+    "^coral-account/(.*)$": "<rootDir>/src/core/client/account/$1",
+    "^coral-admin/(.*)$": "<rootDir>/src/core/client/admin/$1",
+    "^coral-auth/(.*)$": "<rootDir>/src/core/client/auth/$1",
+    "^coral-ui/(.*)$": "<rootDir>/src/core/client/ui/$1",
+    "^coral-stream/(.*)$": "<rootDir>/src/core/client/stream/$1",
+    "^coral-framework/(.*)$": "<rootDir>/src/core/client/framework/$1",
+    "^coral-common/(.*)$": "<rootDir>/src/core/common/$1",
  },
  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node", "ftl"],
  snapshotSerializers: ["enzyme-to-json/serializer"],
@@ -12,8 +12,8 @@ module.exports = {
    "^.+\\.tsx?$": "<rootDir>/node_modules/ts-jest",
  },
  moduleNameMapper: {
-    "^talk-server/(.*)$": "<rootDir>/src/core/server/$1",
-    "^talk-common/(.*)$": "<rootDir>/src/core/common/$1",
+    "^coral-server/(.*)$": "<rootDir>/src/core/server/$1",
+    "^coral-common/(.*)$": "<rootDir>/src/core/common/$1",
  },
  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
  globals: {
@@ -19,7 +19,7 @@ const styleLoader = {
 };

 export default {
-  title: "Talk 5.0",
+  title: "Coral 5.0",
  source: "./src",
  typescript: true,
  host: process.env.HOST || "0.0.0.0",
@@ -18,8 +18,8 @@ async function main() {
      config: {
        contextType: "TenantContext",
        importStatements: [
-          'import TenantContext from "talk-server/graph/tenant/context";',
-          'import { Cursor } from "talk-server/models/helpers/connection";',
+          'import TenantContext from "coral-server/graph/tenant/context";',
+          'import { Cursor } from "coral-server/models/helpers/connection";',
        ],
        customScalarType: { Cursor: "Cursor", Time: "Date" },
      },
@@ -66,7 +66,7 @@ const devSocket = {
 const compiler = createCompiler({
  webpack,
  config: webpackConfig,
-  appName: "Talk",
+  appName: "Coral",
  urls,
  // useTypeScript: true, /* This is currently not working, as the ForkTsCheckerWebpackPlugin hooks are not triggering for some reason */
  useTypeScript: false, // This would
@@ -14,7 +14,7 @@ import webpack, { Configuration, Plugin } from "webpack";
 import WebpackAssetsManifest from "webpack-assets-manifest";
 import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";

-// TODO: import form talk-common/version, for some reason this fails currently.
+// TODO: import form coral-common/version, for some reason this fails currently.
 // Try again when we have a chance to upgrade typescript.
 import { version } from "../common/version";
 import { Config } from "./config";
@@ -1,10 +1,10 @@
+import TransitionControl from "coral-framework/testHelpers/TransitionControl";
 import { BrowserProtocol, queryMiddleware } from "farce";
 import { createFarceRouter, ElementsRenderer } from "found";
 import { Resolver } from "found-relay";
 import React, { FunctionComponent } from "react";
-import TransitionControl from "talk-framework/testHelpers/TransitionControl";

-import { TalkContextConsumer } from "talk-framework/lib/bootstrap/TalkContext";
+import { CoralContextConsumer } from "coral-framework/lib/bootstrap/CoralContext";

 import routeConfig from "./routeConfig";
 import NotFound from "./routes/NotFound";
@@ -28,11 +28,11 @@ const Router = createFarceRouter({
 });

 const EntryContainer: FunctionComponent = () => (
-  <TalkContextConsumer>
+  <CoralContextConsumer>
    {({ relayEnvironment }) => (
      <Router resolver={new Resolver(relayEnvironment)} />
    )}
-  </TalkContextConsumer>
+  </CoralContextConsumer>
 );

 export default EntryContainer;
@@ -1,6 +1,6 @@
 import { Environment } from "relay-runtime";

-import { createFetch } from "talk-framework/lib/relay";
+import { createFetch } from "coral-framework/lib/relay";

 const CheckResetTokenFetch = createFetch(
  "resetToken",
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
  <head>
-    <title>Talk - Account</title>
+    <title>Coral - Account</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
@@ -1,25 +1,25 @@
+import { createManaged } from "coral-framework/lib/bootstrap";
 import React, { FunctionComponent } from "react";
 import ReactDOM from "react-dom";
-import { createManaged } from "talk-framework/lib/bootstrap";

 import App from "./App";
 import { initLocalState } from "./local";
 import localesData from "./locales";

 // Import css variables.
-import "talk-ui/theme/variables.css";
+import "coral-ui/theme/variables.css";

 async function main() {
-  const ManagedTalkContextProvider = await createManaged({
+  const ManagedCoralContextProvider = await createManaged({
    initLocalState,
    localesData,
    userLocales: navigator.languages,
  });

  const Index: FunctionComponent = () => (
-    <ManagedTalkContextProvider>
+    <ManagedCoralContextProvider>
      <App />
-    </ManagedTalkContextProvider>
+    </ManagedCoralContextProvider>
  );

  ReactDOM.render(<Index />, document.getElementById("app"));
@@ -1,14 +1,14 @@
 import { Environment } from "relay-runtime";

-import { TalkContext } from "talk-framework/lib/bootstrap";
-import { initLocalBaseState } from "talk-framework/lib/relay";
+import { CoralContext } from "coral-framework/lib/bootstrap";
+import { initLocalBaseState } from "coral-framework/lib/relay";

 /**
 * Initializes the local state, before we start the App.
 */
 export default async function initLocalState(
  environment: Environment,
-  context: TalkContext
+  context: CoralContext
 ) {
  await initLocalBaseState(environment, context);
 }
@@ -5,5 +5,5 @@
 * This file only represents the types that gets exported.
 */

-import { LocalesData } from "talk-framework/lib/i18n";
+import { LocalesData } from "coral-framework/lib/i18n";
 export default {} as LocalesData;
@@ -1,6 +1,6 @@
 import { Environment } from "relay-runtime";

-import { createMutation } from "talk-framework/lib/relay";
+import { createMutation } from "coral-framework/lib/relay";

 const ResetPasswordMutation = createMutation(
  "resetPassword",
@@ -1,5 +1,5 @@
+import { HorizontalGutter, Typography } from "coral-ui/components";
 import React, { FunctionComponent } from "react";
-import { HorizontalGutter, Typography } from "talk-ui/components";

 const NotFound: FunctionComponent = ({ children }) => (
  <HorizontalGutter>
@@ -1,8 +1,8 @@
 import React, { useCallback, useState } from "react";

-import { withRouteConfig } from "talk-framework/lib/router";
+import { withRouteConfig } from "coral-framework/lib/router";

-import { parseHashQuery } from "talk-framework/utils";
+import { parseHashQuery } from "coral-framework/utils";
 import ResetPasswordForm from "./ResetPasswordForm";
 import ResetTokenChecker from "./ResetTokenChecker";
 import Success from "./Success";
@@ -3,14 +3,14 @@ import { Localized } from "fluent-react/compat";
 import React, { useCallback } from "react";
 import { Field, Form } from "react-final-form";

-import { ResetPasswordMutation } from "talk-account/mutations";
-import { InvalidRequestError } from "talk-framework/lib/errors";
-import { useMutation } from "talk-framework/lib/relay";
+import { ResetPasswordMutation } from "coral-account/mutations";
+import { InvalidRequestError } from "coral-framework/lib/errors";
+import { useMutation } from "coral-framework/lib/relay";
 import {
  composeValidators,
  required,
  validatePassword,
-} from "talk-framework/lib/validation";
+} from "coral-framework/lib/validation";
 import {
  Button,
  CallOut,
@@ -21,7 +21,7 @@ import {
  PasswordField,
  Typography,
  ValidationMessage,
-} from "talk-ui/components";
+} from "coral-ui/components";

 interface Props {
  token: string;
@@ -1,11 +1,11 @@
 import { Localized } from "fluent-react/compat";
 import React, { useEffect, useState } from "react";

-import { CheckResetTokenFetch } from "talk-account/fetches";
-import { ERROR_CODES } from "talk-common/errors";
-import { InvalidRequestError } from "talk-framework/lib/errors";
-import { useFetch } from "talk-framework/lib/relay";
-import { Delay, Flex, Spinner } from "talk-ui/components";
+import { CheckResetTokenFetch } from "coral-account/fetches";
+import { ERROR_CODES } from "coral-common/errors";
+import { InvalidRequestError } from "coral-framework/lib/errors";
+import { useFetch } from "coral-framework/lib/relay";
+import { Delay, Flex, Spinner } from "coral-ui/components";

 import Sorry from "./Sorry";

@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React from "react";

-import { CallOut, HorizontalGutter, Typography } from "talk-ui/components";
+import { CallOut, HorizontalGutter, Typography } from "coral-ui/components";

 interface Props {
  reason: React.ReactNode;
@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React from "react";

-import { HorizontalGutter, Typography } from "talk-ui/components";
+import { HorizontalGutter, Typography } from "coral-ui/components";

 const Sorry: React.FunctionComponent = () => {
  return (
@@ -1,11 +1,11 @@
 import React from "react";

-import App from "talk-account/App";
-import { GQLResolver } from "talk-framework/schema";
+import App from "coral-account/App";
+import { GQLResolver } from "coral-framework/schema";
 import {
  createTestRenderer,
  CreateTestRendererParams,
-} from "talk-framework/testHelpers";
+} from "coral-framework/testHelpers";

 export default function create(
  params: CreateTestRendererParams<GQLResolver> = {}
@@ -1,16 +1,16 @@
 import sinon from "sinon";

-import { GQLResolver } from "talk-framework/schema";
+import { GQLResolver } from "coral-framework/schema";
 import {
  createAccessToken,
  CreateTestRendererParams,
  replaceHistoryLocation,
  waitForElement,
  within,
-} from "talk-framework/testHelpers";
+} from "coral-framework/testHelpers";

-import { ERROR_CODES } from "talk-common/errors";
-import { InvalidRequestError } from "talk-framework/lib/errors";
+import { ERROR_CODES } from "coral-common/errors";
+import { InvalidRequestError } from "coral-framework/lib/errors";
 import create from "./create";

 const token = createAccessToken();
@@ -1,8 +1,8 @@
+import { removeFragmentRefs } from "coral-framework/testHelpers";
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";
-import { removeFragmentRefs } from "talk-framework/testHelpers";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import App from "./App";

@@ -1,8 +1,8 @@
 import React, { FunctionComponent } from "react";

-import { PropTypesOf } from "talk-framework/types";
-import { Logo } from "talk-ui/components";
-import { AppBar, Begin, Divider, End } from "talk-ui/components/AppBar";
+import { PropTypesOf } from "coral-framework/types";
+import { Logo } from "coral-ui/components";
+import { AppBar, Begin, Divider, End } from "coral-ui/components/AppBar";

 import NavigationContainer from "../containers/NavigationContainer";
 import UserMenuContainer from "../containers/UserMenuContainer";
@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import AuthBox from "./AuthBox";

@@ -6,7 +6,7 @@ import {
  Flex,
  HorizontalGutter,
  Typography,
-} from "talk-ui/components";
+} from "coral-ui/components";

 import styles from "./AuthBox.css";

@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import { BaseButton, ClickOutside, Icon, Popover } from "talk-ui/components";
+import { BaseButton, ClickOutside, Icon, Popover } from "coral-ui/components";

 import DecisionHistoryQuery from "../views/decisionHistory/queries/DecisionHistoryQuery";

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import MainLayout from "./MainLayout";

@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import { AppBarNavigation } from "talk-ui/components";
+import { AppBarNavigation } from "coral-ui/components";

 import NavigationLink from "./NavigationLink";

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import NavigationLink from "./NavigationLink";

@@ -1,7 +1,7 @@
 import { Link, LocationDescriptor } from "found";
 import React, { FunctionComponent } from "react";

-import { AppBarNavigationItem } from "talk-ui/components";
+import { AppBarNavigationItem } from "coral-ui/components";

 interface Props {
  children: React.ReactNode;
@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React from "react";

-import { GQLUSER_ROLE, GQLUSER_ROLE_RL } from "talk-framework/schema";
+import { GQLUSER_ROLE, GQLUSER_ROLE_RL } from "coral-framework/schema";

 interface Props {
  container?: React.ReactElement<any> | React.ComponentType<any> | string;
@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React from "react";

-import { GQLSTORY_STATUS, GQLSTORY_STATUS_RL } from "talk-framework/schema";
+import { GQLSTORY_STATUS, GQLSTORY_STATUS_RL } from "coral-framework/schema";

 interface Props {
  container?: React.ReactElement<any> | React.ComponentType<any> | string;
@@ -2,7 +2,7 @@ import { noop } from "lodash";
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import UserMenu from "./UserMenu";

@@ -9,7 +9,7 @@ import {
  DropdownButton,
  DropdownDivider,
  Popover,
-} from "talk-ui/components";
+} from "coral-ui/components";

 import styles from "./UserMenu.css";

@@ -1,6 +1,6 @@
 .version {
  position: absolute;
  right: 0;
-  top: 22px;
+  top: 23px;
  font-size: calc(10rem / var(--rem-base));
 }
@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from "react";

-import { Typography } from "talk-ui/components";
+import { Typography } from "coral-ui/components";

 import styles from "./Version.css";

@@ -1,9 +1,9 @@
 import React from "react";

-import { AppContainerQueryResponse } from "talk-admin/__generated__/AppContainerQuery.graphql";
+import { AppContainerQueryResponse } from "coral-admin/__generated__/AppContainerQuery.graphql";

-import { graphql } from "talk-framework/lib/relay";
-import { withRouteConfig } from "talk-framework/lib/router";
+import { graphql } from "coral-framework/lib/relay";
+import { withRouteConfig } from "coral-framework/lib/router";

 import App from "../components/App";

@@ -1,13 +1,13 @@
 import { Match, Router, withRouter } from "found";
 import React from "react";

-import { AuthCheckContainerQueryResponse } from "talk-admin/__generated__/AuthCheckContainerQuery.graphql";
-import { SetRedirectPathMutation } from "talk-admin/mutations";
-import { AbilityType, can } from "talk-admin/permissions";
-import RestrictedContainer from "talk-admin/views/restricted/containers/RestrictedContainer";
-import { graphql, MutationProp, withMutation } from "talk-framework/lib/relay";
-import { withRouteConfig } from "talk-framework/lib/router";
-import { GQLUSER_ROLE } from "talk-framework/schema";
+import { AuthCheckContainerQueryResponse } from "coral-admin/__generated__/AuthCheckContainerQuery.graphql";
+import { SetRedirectPathMutation } from "coral-admin/mutations";
+import { AbilityType, can } from "coral-admin/permissions";
+import RestrictedContainer from "coral-admin/views/restricted/containers/RestrictedContainer";
+import { graphql, MutationProp, withMutation } from "coral-framework/lib/relay";
+import { withRouteConfig } from "coral-framework/lib/router";
+import { GQLUSER_ROLE } from "coral-framework/schema";

 interface Props {
  match: Match;
@@ -1,7 +1,7 @@
 import React from "react";

-import { withInView } from "talk-framework/lib/intersection";
-import { BaseButton, Spinner } from "talk-ui/components";
+import { withInView } from "coral-framework/lib/intersection";
+import { BaseButton, Spinner } from "coral-ui/components";

 interface Props {
  inView: boolean | undefined;
@@ -1,10 +1,10 @@
+import TransitionControl from "coral-framework/testHelpers/TransitionControl";
 import { BrowserProtocol, queryMiddleware } from "farce";
 import { createFarceRouter, ElementsRenderer } from "found";
 import { Resolver } from "found-relay";
 import React, { FunctionComponent } from "react";
-import TransitionControl from "talk-framework/testHelpers/TransitionControl";

-import { TalkContextConsumer } from "talk-framework/lib/bootstrap/TalkContext";
+import { CoralContextConsumer } from "coral-framework/lib/bootstrap/CoralContext";

 import routeConfig from "../routeConfig";
 import NotFound from "../routes/NotFound";
@@ -26,11 +26,11 @@ const Router = createFarceRouter({
 });

 const EntryContainer: FunctionComponent = () => (
-  <TalkContextConsumer>
+  <CoralContextConsumer>
    {({ relayEnvironment }) => (
      <Router resolver={new Resolver(relayEnvironment)} />
    )}
-  </TalkContextConsumer>
+  </CoralContextConsumer>
 );

 export default EntryContainer;
@@ -1,9 +1,12 @@
 import React from "react";

-import { NavigationContainer_viewer as ViewerData } from "talk-admin/__generated__/NavigationContainer_viewer.graphql";
-import { Ability, can } from "talk-admin/permissions";
-import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
-import { SignOutMutation, withSignOutMutation } from "talk-framework/mutations";
+import { NavigationContainer_viewer as ViewerData } from "coral-admin/__generated__/NavigationContainer_viewer.graphql";
+import { Ability, can } from "coral-admin/permissions";
+import { graphql, withFragmentContainer } from "coral-framework/lib/relay";
+import {
+  SignOutMutation,
+  withSignOutMutation,
+} from "coral-framework/mutations";

 import Navigation from "../components/Navigation";

@@ -1,8 +1,11 @@
 import React from "react";

-import { UserMenuContainer_viewer as ViewerData } from "talk-admin/__generated__/UserMenuContainer_viewer.graphql";
-import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
-import { SignOutMutation, withSignOutMutation } from "talk-framework/mutations";
+import { UserMenuContainer_viewer as ViewerData } from "coral-admin/__generated__/UserMenuContainer_viewer.graphql";
+import { graphql, withFragmentContainer } from "coral-framework/lib/relay";
+import {
+  SignOutMutation,
+  withSignOutMutation,
+} from "coral-framework/mutations";

 import UserMenu from "../components/UserMenu";

@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { DiscoverOIDCConfigurationQuery as QueryTypes } from "talk-admin/__generated__/DiscoverOIDCConfigurationQuery.graphql";
+import { DiscoverOIDCConfigurationQuery as QueryTypes } from "coral-admin/__generated__/DiscoverOIDCConfigurationQuery.graphql";
 import {
  createFetch,
  fetchQuery,
  FetchVariables,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 const DiscoverOIDCConfigurationFetch = createFetch(
  "discoverOIDCConfiguration",
@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { SearchStoryQuery as QueryTypes } from "talk-admin/__generated__/SearchStoryQuery.graphql";
+import { SearchStoryQuery as QueryTypes } from "coral-admin/__generated__/SearchStoryQuery.graphql";
 import {
  createFetch,
  fetchQuery,
  FetchVariables,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 const SearchStoryFetch = createFetch(
  "searchStory",
@@ -1,15 +1,13 @@
 <!DOCTYPE html>
 <html>
+  <head>
+    <title>Coral - Admin</title>
+    <meta charset="utf-8" />
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=no" />
+  </head>

-<head>
-  <title>Talk - Admin</title>
-  <meta charset="utf-8">
-  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-  <meta name="viewport" content="width=device-width, user-scalable=no">
-</head>
-
-<body>
-  <div id="app"></div>
-</body>
-
+  <body>
+    <div id="app"></div>
+  </body>
 </html>
@@ -1,25 +1,25 @@
+import { createManaged } from "coral-framework/lib/bootstrap";
 import React, { FunctionComponent } from "react";
 import ReactDOM from "react-dom";
-import { createManaged } from "talk-framework/lib/bootstrap";

 import EntryContainer from "./containers/EntryContainer";
 import { initLocalState } from "./local";
 import localesData from "./locales";

 // Import css variables.
-import "talk-ui/theme/variables.css";
+import "coral-ui/theme/variables.css";

 async function main() {
-  const ManagedTalkContextProvider = await createManaged({
+  const ManagedCoralContextProvider = await createManaged({
    initLocalState,
    localesData,
    userLocales: navigator.languages,
  });

  const Index: FunctionComponent = () => (
-    <ManagedTalkContextProvider>
+    <ManagedCoralContextProvider>
      <EntryContainer />
-    </ManagedTalkContextProvider>
+    </ManagedCoralContextProvider>
  );

  ReactDOM.render(<Index />, document.getElementById("app"));
@@ -1,16 +1,16 @@
 import { commitLocalUpdate, Environment } from "relay-runtime";

-import { REDIRECT_PATH_KEY } from "talk-admin/constants";
-import { getParamsFromHashAndClearIt } from "talk-framework/helpers";
-import { TalkContext } from "talk-framework/lib/bootstrap";
-import { initLocalBaseState, LOCAL_ID } from "talk-framework/lib/relay";
+import { REDIRECT_PATH_KEY } from "coral-admin/constants";
+import { getParamsFromHashAndClearIt } from "coral-framework/helpers";
+import { CoralContext } from "coral-framework/lib/bootstrap";
+import { initLocalBaseState, LOCAL_ID } from "coral-framework/lib/relay";

 /**
 * Initializes the local state, before we start the App.
 */
 export default async function initLocalState(
  environment: Environment,
-  context: TalkContext
+  context: CoralContext
 ) {
  const { error = null, accessToken } = getParamsFromHashAndClearIt();
  let redirectPath: string | null = null;
@@ -5,5 +5,5 @@
 * This file only represents the types that gets exported.
 */

-import { LocalesData } from "talk-framework/lib/i18n";
+import { LocalesData } from "coral-framework/lib/i18n";
 export default {} as LocalesData;
@@ -1,13 +1,13 @@
 import { graphql } from "react-relay";
 import { ConnectionHandler, Environment } from "relay-runtime";

-import { AcceptCommentMutation as MutationTypes } from "talk-admin/__generated__/AcceptCommentMutation.graphql";
-import { getQueueConnection } from "talk-admin/helpers";
+import { AcceptCommentMutation as MutationTypes } from "coral-admin/__generated__/AcceptCommentMutation.graphql";
+import { getQueueConnection } from "coral-admin/helpers";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,14 +1,14 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { BanUserMutation as MutationTypes } from "talk-admin/__generated__/BanUserMutation.graphql";
+import { BanUserMutation as MutationTypes } from "coral-admin/__generated__/BanUserMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  lookup,
  MutationInput,
-} from "talk-framework/lib/relay";
-import { GQLUser, GQLUSER_STATUS } from "talk-framework/schema";
+} from "coral-framework/lib/relay";
+import { GQLUser, GQLUSER_STATUS } from "coral-framework/schema";

 let clientMutationId = 0;

@@ -1,7 +1,7 @@
 import { commitLocalUpdate, Environment } from "relay-runtime";

-import { createMutation } from "talk-framework/lib/relay";
-import { LOCAL_ID } from "talk-framework/lib/relay/withLocalStateContainer";
+import { createMutation } from "coral-framework/lib/relay";
+import { LOCAL_ID } from "coral-framework/lib/relay/withLocalStateContainer";

 const ClearAuthErrorMutation = createMutation(
  "clearAuthError",
@@ -1,13 +1,13 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { CloseStoryMutation as MutationTypes } from "talk-admin/__generated__/CloseStoryMutation.graphql";
+import { CloseStoryMutation as MutationTypes } from "coral-admin/__generated__/CloseStoryMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
-import { GQLSTORY_STATUS } from "talk-framework/schema";
+} from "coral-framework/lib/relay";
+import { GQLSTORY_STATUS } from "coral-framework/schema";

 let clientMutationId = 0;

@@ -1,8 +1,8 @@
 import { Environment } from "relay-runtime";

-import { TalkContext } from "talk-framework/lib/bootstrap";
-import { createMutation } from "talk-framework/lib/relay";
-import SetAccessTokenMutation from "talk-framework/mutations/SetAccessTokenMutation";
+import { CoralContext } from "coral-framework/lib/bootstrap";
+import { createMutation } from "coral-framework/lib/relay";
+import SetAccessTokenMutation from "coral-framework/mutations/SetAccessTokenMutation";

 const CompleteAccountMutation = createMutation(
  "completeAccount",
@@ -11,7 +11,7 @@ const CompleteAccountMutation = createMutation(
    input: {
      accessToken: string;
    },
-    context: TalkContext
+    context: CoralContext
  ) =>
    await SetAccessTokenMutation.commit(
      environment,
@@ -1,13 +1,13 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { OpenStoryMutation as MutationTypes } from "talk-admin/__generated__/OpenStoryMutation.graphql";
+import { OpenStoryMutation as MutationTypes } from "coral-admin/__generated__/OpenStoryMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
-import { GQLSTORY_STATUS } from "talk-framework/schema";
+} from "coral-framework/lib/relay";
+import { GQLSTORY_STATUS } from "coral-framework/schema";

 let clientMutationId = 0;

@@ -1,11 +1,11 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { RegenerateSSOKeyMutation as MutationTypes } from "talk-admin/__generated__/RegenerateSSOKeyMutation.graphql";
+import { RegenerateSSOKeyMutation as MutationTypes } from "coral-admin/__generated__/RegenerateSSOKeyMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,13 +1,13 @@
 import { graphql } from "react-relay";
 import { ConnectionHandler, Environment } from "relay-runtime";

-import { RejectCommentMutation as MutationTypes } from "talk-admin/__generated__/RejectCommentMutation.graphql";
-import { getQueueConnection } from "talk-admin/helpers";
+import { RejectCommentMutation as MutationTypes } from "coral-admin/__generated__/RejectCommentMutation.graphql";
+import { getQueueConnection } from "coral-admin/helpers";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,14 +1,14 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { RemoveUserBanMutation as MutationTypes } from "talk-admin/__generated__/RemoveUserBanMutation.graphql";
+import { RemoveUserBanMutation as MutationTypes } from "coral-admin/__generated__/RemoveUserBanMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  lookup,
  MutationInput,
-} from "talk-framework/lib/relay";
-import { GQLUser, GQLUSER_STATUS } from "talk-framework/schema";
+} from "coral-framework/lib/relay";
+import { GQLUser, GQLUSER_STATUS } from "coral-framework/schema";

 let clientMutationId = 0;

@@ -1,7 +1,7 @@
 import { Environment, RecordSource } from "relay-runtime";

-import { LOCAL_ID } from "talk-framework/lib/relay";
-import { createRelayEnvironment } from "talk-framework/testHelpers";
+import { LOCAL_ID } from "coral-framework/lib/relay";
+import { createRelayEnvironment } from "coral-framework/testHelpers";

 import SetAuthViewMutation from "./SetAuthViewMutation";

@@ -1,7 +1,7 @@
 import { commitLocalUpdate, Environment } from "relay-runtime";

-import { createMutation } from "talk-framework/lib/relay";
-import { LOCAL_ID } from "talk-framework/lib/relay/withLocalStateContainer";
+import { createMutation } from "coral-framework/lib/relay";
+import { LOCAL_ID } from "coral-framework/lib/relay/withLocalStateContainer";

 export interface SetAuthViewInput {
  // TODO: replace with generated typescript types.
@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { SetEmailMutation as MutationTypes } from "talk-admin/__generated__/SetEmailMutation.graphql";
+import { SetEmailMutation as MutationTypes } from "coral-admin/__generated__/SetEmailMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { SetPasswordMutation as MutationTypes } from "talk-admin/__generated__/SetPasswordMutation.graphql";
+import { SetPasswordMutation as MutationTypes } from "coral-admin/__generated__/SetPasswordMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,13 +1,13 @@
 import { Environment, RecordSource } from "relay-runtime";

-import { REDIRECT_PATH_KEY } from "talk-admin/constants";
-import { LOCAL_ID } from "talk-framework/lib/relay";
-import { createRelayEnvironment } from "talk-framework/testHelpers";
+import { REDIRECT_PATH_KEY } from "coral-admin/constants";
+import { LOCAL_ID } from "coral-framework/lib/relay";
+import { createRelayEnvironment } from "coral-framework/testHelpers";

 import {
  createInMemoryStorage,
  createPromisifiedStorage,
-} from "talk-framework/lib/storage";
+} from "coral-framework/lib/storage";
 import SetRedirectPathMutation from "./SetRedirectPathMutation";

 let environment: Environment;
@@ -1,8 +1,8 @@
 import { commitLocalUpdate, Environment } from "relay-runtime";

-import { REDIRECT_PATH_KEY } from "talk-admin/constants";
-import { TalkContext } from "talk-framework/lib/bootstrap";
-import { createMutation, LOCAL_ID } from "talk-framework/lib/relay";
+import { REDIRECT_PATH_KEY } from "coral-admin/constants";
+import { CoralContext } from "coral-framework/lib/bootstrap";
+import { createMutation, LOCAL_ID } from "coral-framework/lib/relay";

 export interface SetRedirectPathInput {
  path: string | null;
@@ -13,7 +13,7 @@ const SetRedirectPathMutation = createMutation(
  async (
    environment: Environment,
    input: SetRedirectPathInput,
-    { localStorage }: TalkContext
+    { localStorage }: CoralContext
  ) => {
    if (!input.path) {
      await localStorage.removeItem(REDIRECT_PATH_KEY);
@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { SetUsernameMutation as MutationTypes } from "talk-admin/__generated__/SetUsernameMutation.graphql";
+import { SetUsernameMutation as MutationTypes } from "coral-admin/__generated__/SetUsernameMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,15 +1,15 @@
 import { Environment } from "relay-runtime";

-import { TalkContext } from "talk-framework/lib/bootstrap";
-import { createMutation } from "talk-framework/lib/relay";
-import { signIn, SignInInput } from "talk-framework/rest";
+import { CoralContext } from "coral-framework/lib/bootstrap";
+import { createMutation } from "coral-framework/lib/relay";
+import { signIn, SignInInput } from "coral-framework/rest";

 const SignInMutation = createMutation(
  "signIn",
  async (
    environment: Environment,
    input: SignInInput,
-    context: TalkContext
+    context: CoralContext
  ) => {
    const result = await signIn(context.rest, input);

@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { UpdateSettingsMutation as MutationTypes } from "talk-admin/__generated__/UpdateSettingsMutation.graphql";
+import { UpdateSettingsMutation as MutationTypes } from "coral-admin/__generated__/UpdateSettingsMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,12 +1,12 @@
 import { graphql } from "react-relay";
 import { Environment } from "relay-runtime";

-import { UpdateUserRoleMutation as MutationTypes } from "talk-admin/__generated__/UpdateUserRoleMutation.graphql";
+import { UpdateUserRoleMutation as MutationTypes } from "coral-admin/__generated__/UpdateUserRoleMutation.graphql";
 import {
  commitMutationPromiseNormalized,
  createMutation,
  MutationInput,
-} from "talk-framework/lib/relay";
+} from "coral-framework/lib/relay";

 let clientMutationId = 0;

@@ -1,5 +1,5 @@
+import { GQLUSER_ROLE, GQLUSER_ROLE_RL } from "coral-framework/schema";
 import { mapValues } from "lodash";
-import { GQLUSER_ROLE, GQLUSER_ROLE_RL } from "talk-framework/schema";

 /**
 * permissionMap describes what abilities certain roles have.
@@ -1,5 +1,5 @@
+import { HorizontalGutter, Typography } from "coral-ui/components";
 import React, { FunctionComponent } from "react";
-import { HorizontalGutter, Typography } from "talk-ui/components";

 const NotFound: FunctionComponent = ({ children }) => (
  <HorizontalGutter>
@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import NotAvailable from "talk-admin/components/NotAvailable";
+import NotAvailable from "coral-admin/components/NotAvailable";
 import {
  Button,
  Card,
@@ -10,7 +10,7 @@ import {
  HorizontalGutter,
  Modal,
  Typography,
-} from "talk-ui/components";
+} from "coral-ui/components";

 import styles from "./BanModal.css";

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from "react";

-import MainLayout from "talk-admin/components/MainLayout";
-import { PropTypesOf } from "talk-framework/types";
+import MainLayout from "coral-admin/components/MainLayout";
+import { PropTypesOf } from "coral-framework/types";

 import UserTableContainer from "../containers/UserTableContainer";

@@ -1,7 +1,7 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import { Typography } from "talk-ui/components";
+import { Typography } from "coral-ui/components";

 import styles from "./EmptyMessage.css";

@@ -1,8 +1,8 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import TranslatedRole from "talk-admin/components/TranslatedRole";
-import { GQLUSER_ROLE, GQLUSER_ROLE_RL } from "talk-framework/schema";
+import TranslatedRole from "coral-admin/components/TranslatedRole";
+import { GQLUSER_ROLE, GQLUSER_ROLE_RL } from "coral-framework/schema";
 import {
  Button,
  ButtonIcon,
@@ -10,7 +10,7 @@ import {
  Dropdown,
  DropdownButton,
  Popover,
-} from "talk-ui/components";
+} from "coral-ui/components";

 import styles from "./RoleChange.css";
 import RoleText from "./RoleText";
@@ -1,9 +1,9 @@
 import cn from "classnames";
 import React, { FunctionComponent } from "react";

-import TranslatedRole from "talk-admin/components/TranslatedRole";
-import { GQLUSER_ROLE } from "talk-framework/schema";
-import { PropTypesOf } from "talk-ui/types";
+import TranslatedRole from "coral-admin/components/TranslatedRole";
+import { GQLUSER_ROLE } from "coral-framework/schema";
+import { PropTypesOf } from "coral-ui/types";

 import styles from "./RoleText.css";

@@ -1,8 +1,8 @@
 import React, { FunctionComponent } from "react";

-import NotAvailable from "talk-admin/components/NotAvailable";
-import { PropTypesOf } from "talk-framework/types";
-import { TableCell, TableRow, TextLink } from "talk-ui/components";
+import NotAvailable from "coral-admin/components/NotAvailable";
+import { PropTypesOf } from "coral-framework/types";
+import { TableCell, TableRow, TextLink } from "coral-ui/components";

 import RoleChangeContainer from "../containers/RoleChangeContainer";
 import UserStatusChangeContainer from "../containers/UserStatusChangeContainer";
@@ -1,8 +1,8 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import { Flex, Typography } from "talk-ui/components";
-import { PropTypesOf } from "talk-ui/types";
+import { Flex, Typography } from "coral-ui/components";
+import { PropTypesOf } from "coral-ui/types";

 import styles from "./UserStatus.css";

@@ -8,7 +8,7 @@ import {
  Dropdown,
  DropdownButton,
  Popover,
-} from "talk-ui/components";
+} from "coral-ui/components";

 import styles from "./UserStatusChange.css";

@@ -1,20 +1,20 @@
 import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

-import AutoLoadMoreContainer from "talk-admin/containers/AutoLoadMoreContainer";
+import AutoLoadMoreContainer from "coral-admin/containers/AutoLoadMoreContainer";
 import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableRow,
-} from "talk-ui/components/Table";
+} from "coral-ui/components/Table";

 import UserRowContainer from "../containers/UserRowContainer";

-import { Flex, HorizontalGutter, Spinner } from "talk-ui/components";
+import { Flex, HorizontalGutter, Spinner } from "coral-ui/components";
 import EmptyMessage from "./EmptyMessage";

 import styles from "./UserTable.css";
@@ -7,7 +7,7 @@ import {
  GQLUSER_ROLE_RL,
  GQLUSER_STATUS,
  GQLUSER_STATUS_RL,
-} from "talk-framework/schema";
+} from "coral-framework/schema";
 import {
  Button,
  FieldSet,
@@ -18,7 +18,7 @@ import {
  SelectField,
  TextField,
  Typography,
-} from "talk-ui/components";
+} from "coral-ui/components";

 import styles from "./UserTableFilter.css";

@@ -2,8 +2,8 @@ import { FormApi } from "final-form";
 import React, { FunctionComponent } from "react";
 import { graphql } from "react-relay";

-import { CommunityContainerQueryResponse } from "talk-admin/__generated__/CommunityContainerQuery.graphql";
-import { withRouteConfig } from "talk-framework/lib/router";
+import { CommunityContainerQueryResponse } from "coral-admin/__generated__/CommunityContainerQuery.graphql";
+import { withRouteConfig } from "coral-framework/lib/router";

 import Community from "../components/Community";

@@ -1,8 +1,8 @@
 import React, { FunctionComponent, useCallback } from "react";

-import { UpdateUserRoleMutation } from "talk-admin/mutations";
-import { useMutation } from "talk-framework/lib/relay";
-import { GQLUSER_ROLE_RL } from "talk-framework/schema";
+import { UpdateUserRoleMutation } from "coral-admin/mutations";
+import { useMutation } from "coral-framework/lib/relay";
+import { GQLUSER_ROLE_RL } from "coral-framework/schema";

 import RoleChange from "../components/RoleChange";

@@ -1,12 +1,12 @@
 import React, { FunctionComponent } from "react";
 import { graphql } from "react-relay";

-import { UserRowContainer_user as UserData } from "talk-admin/__generated__/UserRowContainer_user.graphql";
-import { UserRowContainer_viewer as ViewerData } from "talk-admin/__generated__/UserRowContainer_viewer.graphql";
-import { useTalkContext } from "talk-framework/lib/bootstrap";
-import { withFragmentContainer } from "talk-framework/lib/relay";
+import { UserRowContainer_user as UserData } from "coral-admin/__generated__/UserRowContainer_user.graphql";
+import { UserRowContainer_viewer as ViewerData } from "coral-admin/__generated__/UserRowContainer_viewer.graphql";
+import { useCoralContext } from "coral-framework/lib/bootstrap";
+import { withFragmentContainer } from "coral-framework/lib/relay";

-import { Ability, can } from "talk-admin/permissions";
+import { Ability, can } from "coral-admin/permissions";
 import UserRow from "../components/UserRow";

 interface Props {
@@ -15,7 +15,7 @@ interface Props {
 }

 const UserRowContainer: FunctionComponent<Props> = props => {
-  const { locales } = useTalkContext();
+  const { locales } = useCoralContext();
  return (
    <UserRow
      user={props.user}
@@ -1,13 +1,13 @@
 import React, { FunctionComponent, useCallback, useState } from "react";

-import { UserStatusChangeContainer_user as UserData } from "talk-admin/__generated__/UserStatusChangeContainer_user.graphql";
-import { BanUserMutation, RemoveUserBanMutation } from "talk-admin/mutations";
+import { UserStatusChangeContainer_user as UserData } from "coral-admin/__generated__/UserStatusChangeContainer_user.graphql";
+import { BanUserMutation, RemoveUserBanMutation } from "coral-admin/mutations";
 import {
  graphql,
  useMutation,
  withFragmentContainer,
-} from "talk-framework/lib/relay";
-import { GQLUSER_ROLE } from "talk-framework/schema";
+} from "coral-framework/lib/relay";
+import { GQLUSER_ROLE } from "coral-framework/schema";

 import BanModal from "../components/BanModal";
 import ButtonPadding from "../components/ButtonPadding";
@@ -1,9 +1,9 @@
 import React, { FunctionComponent } from "react";
 import { graphql } from "react-relay";

-import { UserStatusContainer_user as UserData } from "talk-admin/__generated__/UserStatusContainer_user.graphql";
-import { withFragmentContainer } from "talk-framework/lib/relay";
-import { GQLUSER_STATUS } from "talk-framework/schema";
+import { UserStatusContainer_user as UserData } from "coral-admin/__generated__/UserStatusContainer_user.graphql";
+import { withFragmentContainer } from "coral-framework/lib/relay";
+import { GQLUSER_STATUS } from "coral-framework/schema";

 import UserStatus from "../components/UserStatus";

@@ -1,17 +1,17 @@
 import React, { FunctionComponent, useState } from "react";
 import { graphql, RelayPaginationProp } from "react-relay";

-import { UserTableContainer_query as QueryData } from "talk-admin/__generated__/UserTableContainer_query.graphql";
-import { UserTableContainerPaginationQueryVariables } from "talk-admin/__generated__/UserTableContainerPaginationQuery.graphql";
-import { IntersectionProvider } from "talk-framework/lib/intersection";
+import { UserTableContainer_query as QueryData } from "coral-admin/__generated__/UserTableContainer_query.graphql";
+import { UserTableContainerPaginationQueryVariables } from "coral-admin/__generated__/UserTableContainerPaginationQuery.graphql";
+import { IntersectionProvider } from "coral-framework/lib/intersection";
 import {
  useLoadMore,
  useRefetch,
  withPaginationContainer,
-} from "talk-framework/lib/relay";
-import { GQLUSER_ROLE_RL, GQLUSER_STATUS_RL } from "talk-framework/schema";
+} from "coral-framework/lib/relay";
+import { GQLUSER_ROLE_RL, GQLUSER_STATUS_RL } from "coral-framework/schema";

-import { HorizontalGutter } from "talk-ui/components";
+import { HorizontalGutter } from "coral-ui/components";
 import UserTable from "../components/UserTable";
 import UserTableFilter from "../components/UserTableFilter";

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import ConfigBox from "./ConfigBox";

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from "react";

-import { Flex } from "talk-ui/components";
+import { Flex } from "coral-ui/components";

 import styles from "./ConfigBox.css";

@@ -2,7 +2,7 @@ import { noop } from "lodash";
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import Configure from "./Configure";

@@ -3,8 +3,8 @@ import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";
 import { Form, FormSpy } from "react-final-form";

-import MainLayout from "talk-admin/components/MainLayout";
-import { Button, CallOut, HorizontalGutter } from "talk-ui/components";
+import MainLayout from "coral-admin/components/MainLayout";
+import { Button, CallOut, HorizontalGutter } from "coral-ui/components";

 import Layout from "./Layout";
 import Main from "./Main";
@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import Header from "./Header";

@@ -1,8 +1,8 @@
 import cn from "classnames";
 import React, { FunctionComponent } from "react";

-import { Typography } from "talk-ui/components";
-import { PropTypesOf } from "talk-ui/types";
+import { Typography } from "coral-ui/components";
+import { PropTypesOf } from "coral-ui/types";

 import styles from "./Header.css";

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import Layout from "./Layout";

@@ -1,5 +1,5 @@
+import { Flex } from "coral-ui/components";
 import React, { FunctionComponent } from "react";
-import { Flex } from "talk-ui/components";

 import styles from "./Layout.css";

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import Main from "./Main";

@@ -1,5 +1,5 @@
 .link {
-  composes: sideNavigationItem from "talk-ui/shared/typography.css";
+  composes: sideNavigationItem from "coral-ui/shared/typography.css";
  display: inline-block;
  padding: calc(0.5 * var(--mini-unit)) var(--mini-unit)
    calc(0.5 * var(--mini-unit)) calc(var(--mini-unit) + 2px);
@@ -12,7 +12,7 @@
 }

 .linkActive {
-  composes: sideNavigationActive from "talk-ui/shared/typography.css";
+  composes: sideNavigationActive from "coral-ui/shared/typography.css";
  margin-left: 0px;
  border-left: calc(0.5 * var(--mini-unit)) solid var(--palette-brand-main);
  padding-left: var(--mini-unit);
@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import Link from "./Link";

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRenderer } from "react-test-renderer/shallow";

-import { PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "coral-framework/types";

 import Navigation from "./Navigation";

@@ -2,9 +2,9 @@ import { Localized } from "fluent-react/compat";
 import React, { FunctionComponent } from "react";
 import { Field } from "react-final-form";

-import { parseStringBool } from "talk-framework/lib/form";
-import { Validator } from "talk-framework/lib/validation";
-import { RadioButton } from "talk-ui/components";
+import { parseStringBool } from "coral-framework/lib/form";
+import { Validator } from "coral-framework/lib/validation";
+import { RadioButton } from "coral-ui/components";

 interface Props {
  validate?: Validator;
--- a/Show More
+++ b/Show More