diff --git a/app/javascript/mastodon/features/compose/components/announcements.js b/app/javascript/mastodon/features/compose/components/announcements.js
index 4a1bf7c86330e..2cbb4ddf0c252 100644
--- a/app/javascript/mastodon/features/compose/components/announcements.js
+++ b/app/javascript/mastodon/features/compose/components/announcements.js
@@ -6,7 +6,7 @@ import { Link } from 'react-router-dom';
import axios from 'axios';
import classnames from 'classnames';
-class Announcement extends React.PureComponent {
+class MikutterAnnouncement extends React.PureComponent {
static propTypes = {
item: ImmutablePropTypes.map,
@@ -16,10 +16,10 @@ class Announcement extends React.PureComponent {
const { item } = this.props;
const contents = [];
- contents.push(
{item.get('text')}
);
+ contents.push({item.get('text')}
);
if (item.get('icon')) {
contents.push(
-
+
);
@@ -28,8 +28,8 @@ class Announcement extends React.PureComponent {
const url = item.get('url');
const classname = classnames({
- 'announcements__item': true,
- 'announcements__item--clickable': !!url,
+ 'mikutter__announcements__item': true,
+ 'mikutter__announcements__item--clickable': !!url,
});
if (!url) {
@@ -50,7 +50,7 @@ const validTimeout = (items, now) => {
return Math.min(nextTick, ONE_DAY);
};
-export default class Announcements extends React.PureComponent {
+export default class MikutterAnnouncements extends React.PureComponent {
state = {
items: Immutable.List(),
@@ -91,9 +91,9 @@ export default class Announcements extends React.PureComponent {
}
return (
-
+
);
diff --git a/app/javascript/mastodon/features/compose/index.js b/app/javascript/mastodon/features/compose/index.js
index a2b234aa9c096..e43cff9224a53 100644
--- a/app/javascript/mastodon/features/compose/index.js
+++ b/app/javascript/mastodon/features/compose/index.js
@@ -17,7 +17,7 @@ import elephantUIPlane from '../../../images/elephant_ui_plane.svg';
import { mascot } from '../../initial_state';
import Icon from 'mastodon/components/icon';
import { logOut } from 'mastodon/utils/log_out';
-import Announcements from './components/announcements';
+import MikutterAnnouncements from './components/announcements';
const messages = defineMessages({
start: { id: 'getting_started.heading', defaultMessage: 'Getting started' },
@@ -129,7 +129,7 @@ class Compose extends React.PureComponent {
-
+
diff --git a/app/javascript/mastodon/features/ui/components/compose_panel.js b/app/javascript/mastodon/features/ui/components/compose_panel.js
index 17f870020fab7..2c8e5dd4fe28b 100644
--- a/app/javascript/mastodon/features/ui/components/compose_panel.js
+++ b/app/javascript/mastodon/features/ui/components/compose_panel.js
@@ -3,14 +3,14 @@ import SearchContainer from 'mastodon/features/compose/containers/search_contain
import ComposeFormContainer from 'mastodon/features/compose/containers/compose_form_container';
import NavigationContainer from 'mastodon/features/compose/containers/navigation_container';
import LinkFooter from './link_footer';
-import Announcements from 'mastodon/features/compose/components/announcements';
+import MikutterAnnouncements from 'mastodon/features/compose/components/announcements';
const ComposePanel = () => (
);
diff --git a/app/javascript/styles/mods/announcements.scss b/app/javascript/styles/mods/announcements.scss
index 7b9a8f0f4b0ab..bf071f07954b3 100644
--- a/app/javascript/styles/mods/announcements.scss
+++ b/app/javascript/styles/mods/announcements.scss
@@ -1,6 +1,6 @@
@import '../mastodon/variables';
-.announcements__item {
+.mikutter__announcements__item {
display: flex;
padding: 10px;
margin: 10px;
@@ -16,11 +16,11 @@
}
}
-.announcements__body {
+.mikutter__announcements__body {
flex: 1 1 auto;
}
-.announcements__icon {
+.mikutter__announcements__icon {
flex: 0 0 auto;
height: 40px;
width: 40px;