Events route

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

app/soapbox/features/events/index.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+
+import { Column } from 'soapbox/components/ui';
+
+const messages = defineMessages({
+  title: { id: 'column.events', defaultMessage: 'Events' },
+});
+
+const Events = () => {
+  const intl = useIntl();
+
+  return (
+    <Column label={intl.formatMessage(messages.title)} />
+  );
+};
+
+export default Events;

app/soapbox/features/ui/index.tsx

@@ -116,6 +116,7 @@ import {
   EventInformation,
   EventDiscussion,
   ServiceWorkerInfo,
+  Events,
 } from './util/async-components';
 import { WrappedRoute } from './util/react_router_helpers';
 
@@ -265,6 +266,7 @@ const SwitchingColumnsArea: React.FC = ({ children }) => {
       <WrappedRoute path='/search' page={DefaultPage} component={Search} content={children} />
       {features.suggestions && <WrappedRoute path='/suggestions' publicRoute page={DefaultPage} component={FollowRecommendations} content={children} />}
       {features.profileDirectory && <WrappedRoute path='/directory' publicRoute page={DefaultPage} component={Directory} content={children} />}
+      {features.events && <WrappedRoute path='/events' page={DefaultPage} component={Events} content={children} />}
 
       {features.chats && <WrappedRoute path='/chats' exact page={DefaultPage} component={ChatIndex} content={children} />}
       {features.chats && <WrappedRoute path='/chats/:chatId' page={DefaultPage} component={ChatRoom} content={children} />}

app/soapbox/features/ui/util/async-components.ts

@@ -533,3 +533,7 @@ export function EventMapModal() {
 export function EventParticipantsModal() {
   return import(/* webpackChunkName: "modals/event-participants-modal" */'../components/modals/event-participants-modal');
 }
+
+export function Events() {
+  return import(/* webpackChunkName: "features/events" */'../../events');
+}