Moves i18n into coral-framework.

2026-07-15 11:26:58 +08:00 · 2017-05-19 12:28:44 -07:00
parent 88b5a4169d
commit 9be443eda8
85 changed files with 84 additions and 82 deletions
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import Layout from 'coral-admin/src/components/ui/Layout';
 import styles from './NotFound.css';
 import {Button, TextField, Alert, Success} from 'coral-ui';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import Recaptcha from 'react-recaptcha';

 class AdminLogin extends React.Component {
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import {Button, Icon} from 'coral-ui';
 import styles from './BanUserButton.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const BanUserButton = ({user, ...props}) => (
  <div className={styles.ban}>
@@ -4,7 +4,7 @@ import styles from './BanUserDialog.css';

 import Button from 'coral-ui/components/Button';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const onBanClick = (userId, commentId, commentStatus, handleBanUser, rejectComment, handleClose) => (e) => {
  e.preventDefault();
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import styles from 'coral-admin/src/containers/Dashboard/Dashboard.css';
 import {Icon} from 'coral-ui';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 const refreshIntervalSeconds = 60 * 5;

 class CountdownTimer extends React.Component {
@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import Modal from 'components/Modal';
 import styles from './ModerationKeysModal.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const shortcuts = [
  {
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import {Navigation, Drawer} from 'react-mdl';
 import {IndexLink, Link} from 'react-router';
 import styles from './Drawer.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const CoralDrawer = ({handleLogout, restricted = false}) => (
  <Drawer className={styles.header}>
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import {Navigation, Header, IconButton, MenuItem, Menu} from 'react-mdl';
 import {Link, IndexLink} from 'react-router';
 import styles from './Header.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import {Logo} from './Logo';

 const CoralHeader = ({handleLogout, showShortcuts = () => {}, restricted = false}) => (
@@ -1,6 +1,6 @@
 import React from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import styles from './Community.css';
 import Loading from './Loading';
 import EmptyCard from 'coral-admin/src/components/EmptyCard';
@@ -1,6 +1,6 @@
 import React from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const Loading = () => (
  <h1> {t('loading_results')}</h1>
@@ -4,7 +4,7 @@ import styles from './Community.css';
 import Table from './Table';
 import {Pager, Icon} from 'coral-ui';
 import EmptyCard from '../../components/EmptyCard';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const tableHeaders = [
  {
@@ -4,7 +4,7 @@ import {SelectField, Option} from 'react-mdl-selectfield';
 import styles from './Community.css';
 import {setRole, setCommenterStatus} from '../../actions/community';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class Table extends Component {

@@ -4,7 +4,7 @@ import styles from './BanUserDialog.css';

 import Button from 'coral-ui/components/Button';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const BanUserDialog = ({open, handleClose, handleBanUser, user}) => (
  <Dialog
@@ -1,7 +1,7 @@
 import React from 'react';

 import styles from './styles.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import {Link} from 'react-router';

 const CommunityMenu = () => {
@@ -3,7 +3,7 @@ import React, {Component, PropTypes} from 'react';
 import {Dialog, Button} from 'coral-ui';
 import styles from './SuspendUserDialog.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const stages = [
  {
@@ -3,7 +3,7 @@ import styles from '../Community.css';

 import ActionButton from './ActionButton';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 // Render a single user for the list
 const User = (props) => {
@@ -13,7 +13,7 @@ import styles from './Configure.css';
 import StreamSettings from './StreamSettings';
 import ModerationSettings from './ModerationSettings';
 import TechSettings from './TechSettings';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class Configure extends Component {
  constructor (props) {
@@ -2,7 +2,7 @@ import React from 'react';
 import {Card} from 'coral-ui';
 import styles from './Configure.css';
 import TagsInput from 'react-tagsinput';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const Domainlist = ({domains, onChangeDomainlist}) => {
  return (
@@ -1,6 +1,6 @@
 import React, {Component} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import styles from './Configure.css';
 import {Button, Card} from 'coral-ui';

@@ -3,7 +3,7 @@ import styles from './Configure.css';
 import {Card} from 'coral-ui';
 import {Checkbox} from 'react-mdl';
 import Wordlist from './Wordlist';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const updateModeration = (updateSettings, mod) => () => {
  const moderation = mod === 'PRE' ? 'POST' : 'PRE';
@@ -1,6 +1,6 @@
 import React from 'react';
 import {SelectField, Option} from 'react-mdl-selectfield';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import styles from './Configure.css';
 import {Checkbox, Textfield} from 'react-mdl';
 import {Card, Icon, TextArea} from 'coral-ui';
@@ -3,7 +3,7 @@ import {Card} from 'coral-ui';
 import Domainlist from './Domainlist';
 import EmbedLink from './EmbedLink';
 import styles from './Configure.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const updateCustomCssUrl = (updateSettings) => (event) => {
  const customCssUrl = event.target.value;
@@ -1,5 +1,5 @@
 import React from 'react';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import TagsInput from 'react-tagsinput';
 import styles from './Configure.css';
 import {Card} from 'coral-ui';
@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {Link} from 'react-router';
 import styles from './Widget.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const ActivityWidget = ({assets}) => {
  return (
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import {Link} from 'react-router';
 import styles from './Widget.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const FlagWidget = ({assets}) => {

@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {Link} from 'react-router';
 import styles from './Widget.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const LikeWidget = ({assets}) => {

@@ -3,7 +3,7 @@ import React from 'react';
 import ModerationQueue from 'coral-admin/src/containers/ModerationQueue/ModerationQueue';
 import styles from './Widget.css';
 import BanUserDialog from 'coral-admin/src/components/BanUserDialog';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const MostLikedCommentsWidget = (props) => {
  const {
@@ -2,7 +2,7 @@ import React from 'react';
 import styles from './style.css';
 import {TextField, Button} from 'coral-ui';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const AddOrganizationName = (props) => {
  const {handleSettingsChange, handleSettingsSubmit, install} = props;
@@ -2,7 +2,7 @@ import React from 'react';
 import styles from './style.css';
 import {TextField, Button, Spinner} from 'coral-ui';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const InitialStep = (props) => {
  const {handleUserChange, handleUserSubmit, install} = props;
@@ -3,7 +3,7 @@ import styles from './style.css';
 import {Button} from 'coral-ui';
 import {Link} from 'react-router';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const InitialStep = () => {
  return (
@@ -2,7 +2,7 @@ import React from 'react';
 import styles from './style.css';
 import {Button} from 'coral-ui';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const InitialStep = (props) => {
  const {nextStep} = props;
@@ -3,7 +3,7 @@ import styles from './style.css';
 import {Button, Card} from 'coral-ui';
 import TagsInput from 'react-tagsinput';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const PermittedDomainsStep = (props) => {
  const {finishInstall, install, handleDomainsChange} = props;
@@ -4,7 +4,7 @@ import Comment from './components/Comment';
 import styles from './components/styles.css';
 import EmptyCard from '../../components/EmptyCard';
 import {actionsMap} from './helpers/moderationQueueActionsMap';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import LoadMore from './components/LoadMore';

@@ -14,7 +14,7 @@ import BanUserButton from 'coral-admin/src/components/BanUserButton';

 const linkify = new Linkify();

-import t, {timeago} from 'coral-i18n/services/i18n';
+import t, {timeago} from 'coral-framework/services/i18n';

 const Comment = ({
  actions = [],
@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import styles from './CommentCount.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const CommentCount = ({count}) => {
  let number = count;
@@ -1,7 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import {Icon} from 'coral-ui';
 import styles from './FlagBox.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const shortReasons = {
  'This comment is offensive': t('modqueue.offensive'),
@@ -4,7 +4,7 @@ import styles from './styles.css';
 import {SelectField, Option} from 'react-mdl-selectfield';
 import {Icon} from 'coral-ui';
 import {Link} from 'react-router';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const ModerationMenu = (
  {asset, allCount, acceptedCount, premodCount, rejectedCount, flaggedCount, selectSort, sort}
@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import styles from './Stories.css';
 import {connect} from 'react-redux';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import {fetchAssets, updateAssetState} from 'coral-admin/src/actions/assets';
 import {Link} from 'react-router';

@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import styles from './Stories.css';
 import {connect} from 'react-redux';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import {fetchAssets, updateAssetState} from '../../actions/assets';

 import {Link} from 'react-router';
@@ -1,7 +1,7 @@
 import React from 'react';
 import {Button} from 'coral-ui';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 export default ({status, onClick}) => (
  status === 'open' ? (
@@ -3,7 +3,7 @@ import {Button, Checkbox, TextField} from 'coral-ui';

 import styles from './ConfigureCommentStream.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 export default ({handleChange, handleApply, changed, ...props}) => (
  <form onSubmit={handleApply}>
@@ -7,7 +7,7 @@ import {updateOpenStatus, updateConfiguration} from 'coral-framework/actions/ass
 import CloseCommentsInfo from '../components/CloseCommentsInfo';
 import ConfigureCommentStream from '../components/ConfigureCommentStream';

-import t, {timeago} from 'coral-i18n/services/i18n';
+import t, {timeago} from 'coral-framework/services/i18n';

 class ConfigureStreamContainer extends Component {
  constructor (props) {
@@ -1,5 +1,5 @@
 import React, {PropTypes} from 'react';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 /**
 * Countdown the number of seconds until a given Date
@@ -6,7 +6,7 @@ import {CountdownSeconds} from './CountdownSeconds';
 import {getEditableUntilDate} from './util';

 import {Icon} from 'coral-ui';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 /**
 * Renders a Comment's body in such a way that the end-user can edit it and save changes
@@ -1,5 +1,5 @@
 import React from 'react';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import {TabBar, Tab, TabContent, Button} from 'coral-ui';

@@ -1,6 +1,6 @@
 import React from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 // Render in place of a Comment when the author of the comment is ignored
 const IgnoredCommentTombstone = () => (
@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {ADDTL_COMMENTS_ON_LOAD_MORE} from '../constants/stream';
 import {Button} from 'coral-ui';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const loadMoreComments = (assetId, comments, loadMore, parentId, replyCount) => {

@@ -1,6 +1,6 @@
 import React, {PropTypes} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const onLoadMoreClick = ({loadMore, commentCount, firstCommentDate, assetId, setCommentCountCache}) => (e) => {
  e.preventDefault();
@@ -12,7 +12,7 @@ import localStore, {injectReducers} from 'coral-framework/services/store';
 import AppRouter from './AppRouter';
 import {pym} from 'coral-framework';

-import {loadTranslations} from 'coral-i18n/services/i18n';
+import {loadTranslations} from 'coral-framework/services/i18n';

 loadTranslations();

@@ -2,7 +2,7 @@ import * as actions from '../constants/asset';
 import coralApi from '../helpers/response';
 import {addNotification} from '../actions/notification';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 export const fetchAssetRequest = () => ({type: actions.FETCH_ASSET_REQUEST});
 export const fetchAssetSuccess = (asset) => ({type: actions.FETCH_ASSET_SUCCESS, asset});
@@ -4,7 +4,7 @@ import * as actions from '../constants/auth';
 import coralApi, {base} from '../helpers/response';
 import jwtDecode from 'jwt-decode';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 // Dialog Actions
 export const showSignInDialog = () => (dispatch) => {
@@ -2,7 +2,7 @@ import {addNotification} from '../actions/notification';
 import coralApi from '../helpers/response';
 import * as actions from '../constants/auth';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const editUsernameFailure = (error) => ({type: actions.EDIT_USERNAME_FAILURE, error});
 const editUsernameSuccess = () => ({type: actions.EDIT_USERNAME_SUCCESS});
@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './RestrictedContent.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 export default ({children, restricted, message = t('framework.content_not_available'), restrictedComp}) => {
  if (restricted) {
@@ -1,6 +1,6 @@
 import React, {Component, PropTypes} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import styles from './RestrictedContent.css';
 import {Button} from 'coral-ui';
@@ -1,4 +1,4 @@
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 export default {
  email: t('error.email'),
@@ -1,6 +1,6 @@
 import pym from './services/PymConnection';
 import actions from './actions';
-import {loadTranslations} from '../coral-i18n/services/i18n';
+import {loadTranslations} from '../coral-framework/services/i18n';

 // TODO (bc): Deprecate old actions. Spreading actions is now needed.

@@ -1,6 +1,6 @@
 import React, {Component, PropTypes} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import {Icon} from 'coral-ui';
 import classnames from 'classnames';
@@ -1,6 +1,6 @@
 import React, {PropTypes} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const name = 'coral-plugin-comment-count';

@@ -1,6 +1,6 @@
 import React, {PropTypes} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import Slot from 'coral-framework/components/Slot';
 import {connect} from 'react-redux';
@@ -5,7 +5,7 @@ import Slot from 'coral-framework/components/Slot';

 import {name} from './CommentBox';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 /**
 * Common UI for Creating or Editing a Comment
@@ -1,6 +1,6 @@
 import React, {Component} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import {PopupMenu, Button} from 'coral-ui';
 import onClickOutside from 'react-onclickoutside';
@@ -1,7 +1,7 @@
 import React from 'react';
 import FlagButton from './FlagButton';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const FlagComment = (props) => <FlagButton {...props} getPopupMenu={getPopupMenu} />;

@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import styles from './styles.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const ModerationLink = (props) => props.isAdmin ? (
    <div className={styles.moderationLink}>
@@ -4,7 +4,7 @@ const name = 'coral-plugin-permalinks';
 import {Button} from 'coral-ui';
 import styles from './styles.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class PermalinkButton extends React.Component {

@@ -1,5 +1,5 @@
 import React from 'react';
-import {timeago} from 'coral-i18n/services/i18n';
+import {timeago} from 'coral-framework/services/i18n';

 const name = 'coral-plugin-pubdate';

@@ -1,6 +1,6 @@
 import React, {PropTypes} from 'react';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import classnames from 'classnames';

@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './NotLoggedIn.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 export default ({showSignInDialog}) => (
  <div className={styles.message}>
@@ -12,7 +12,7 @@ import {Spinner} from 'coral-ui';
 import CommentHistory from 'coral-plugin-history/CommentHistory';
 import {showSignInDialog, checkLogin} from 'coral-framework/actions/auth';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class ProfileContainer extends Component {
  constructor() {
@@ -6,7 +6,7 @@ import FakeComment from './FakeComment';

 import styles from './styles.css';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const CreateUsernameDialog = ({open, handleClose, formData, handleSubmitUsername, handleChange, ...props}) => {
  return (
@@ -5,7 +5,7 @@ import AuthorName from 'coral-plugin-author-name/AuthorName';
 import Content from 'coral-plugin-commentcontent/CommentContent';
 import PubDate from 'coral-plugin-pubdate/PubDate';
 import {ReplyButton} from 'coral-plugin-replies';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class FakeComment extends React.Component {
  constructor (props) {
@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './styles.css';
 import Button from 'coral-ui/components/Button';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class ForgotContent extends React.Component {
  constructor (props) {
@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {Button, TextField, Spinner, Success, Alert} from 'coral-ui';
 import styles from './styles.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const SignInContent = ({
  handleChange,
@@ -1,7 +1,7 @@
 import React, {PropTypes} from 'react';
 import {Button, TextField, Spinner, Success, Alert} from 'coral-ui';
 import styles from './styles.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 class SignUpContent extends React.Component {

@@ -1,6 +1,6 @@
 import React from 'react';
 import styles from './styles.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 const UserBox = ({className, user, onLogout, onShowProfile}) => (
  <div className={`${styles.userBox} ${className ? className : ''}`}>
@@ -6,7 +6,7 @@ import errorMsj from 'coral-framework/helpers/error';

 import CreateUsernameDialog from '../components/CreateUsernameDialog';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import {
  showCreateUsernameDialog,
@@ -5,7 +5,7 @@ import validate from 'coral-framework/helpers/validate';
 import errorMsj from 'coral-framework/helpers/error';

 import {pym} from 'coral-framework';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';

 import {
  changeView,
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import styles from './style.css';
 import Icon from './Icon';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import cn from 'classnames';
 import translations from '../translations.json';
 import { getMyActionSummary, getTotalActionCount } from 'coral-framework/utils';
@@ -1,7 +1,7 @@
 import LikeButton from './containers/LikeButton';

 import translations from './translations.json';
-import {loadTranslations} from '/coral-i18n/services/i18n';
+import {loadTranslations} from '/coral-framework/services/i18n';

 Promise.all([loadTranslations(translations)]);

@@ -1,7 +1,7 @@
 import React from 'react';
 import {Icon} from 'coral-ui';
 import styles from './styles.css';
-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import {withReaction} from 'coral-plugin-api';

 class LoveButton extends React.Component {
@@ -1,7 +1,7 @@
 import LoveButton from './LoveButton';

 import translations from './translations.json';
-import {loadTranslations} from '/coral-i18n/services/i18n';
+import {loadTranslations} from '/coral-framework/services/i18n';

 Promise.all([loadTranslations(translations)]);

@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import styles from './style.css';
 import Icon from './Icon';

-import t from 'coral-i18n/services/i18n';
+import t from 'coral-framework/services/i18n';
 import cn from 'classnames';

 import {getMyActionSummary, getTotalActionCount} from 'coral-framework/utils';
@@ -1,7 +1,7 @@
 import RespectButton from './containers/RespectButton';

 import translations from './translations.json';
-import {loadTranslations} from 'coral-i18n/services/i18n';
+import {loadTranslations} from 'coral-framework/services/i18n';

 loadTranslations(translations);

@@ -24,6 +24,8 @@ if (process.env.TALK_PLUGINS_JSON && process.env.TALK_PLUGINS_JSON.length > 0) {
  pluginsConfigPath = defaultPlugins;
 }

+let localesPath = path.join(__dirname, 'locales');
+
 console.log(`Using ${pluginsConfigPath} as the plugin configuration path`);

 // Edit the build targets and embeds below.
@@ -119,7 +121,7 @@ const config = {
      },
      {
        loader: 'yaml',
-        include: path.resolve('locales'),
+        include: localesPath,
        test: /\.yml$/,
      }
    ]