mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-11-23 14:40:50 +01:00
Update RightSideView
This commit is contained in:
parent
45179a8eda
commit
0b04525c31
@ -9,6 +9,7 @@
|
|||||||
@import './mod-tools/ModToolsView';
|
@import './mod-tools/ModToolsView';
|
||||||
@import './navigator/NavigatorView';
|
@import './navigator/NavigatorView';
|
||||||
@import './purse/PurseView';
|
@import './purse/PurseView';
|
||||||
|
@import './right-side/RightSideView';
|
||||||
@import './toolbar/ToolbarView';
|
@import './toolbar/ToolbarView';
|
||||||
@import './user-profile/UserProfileVew';
|
@import './user-profile/UserProfileVew';
|
||||||
@import './user-settings/UserSettingsView';
|
@import './user-settings/UserSettingsView';
|
||||||
|
18
src/components/right-side/RightSideView.tsx
Normal file
18
src/components/right-side/RightSideView.tsx
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
import { FC } from 'react';
|
||||||
|
import { Column } from '../../common';
|
||||||
|
import { NotificationCenterView } from '../../views/notification-center/NotificationCenterView';
|
||||||
|
import { GroupRoomInformationView } from '../groups/views/room-information/GroupRoomInformationView';
|
||||||
|
import { PurseView } from '../purse/PurseView';
|
||||||
|
|
||||||
|
export const RightSideView: FC<{}> = props =>
|
||||||
|
{
|
||||||
|
return (
|
||||||
|
<div className="nitro-right-side">
|
||||||
|
<Column position="relative">
|
||||||
|
<PurseView />
|
||||||
|
<GroupRoomInformationView />
|
||||||
|
<NotificationCenterView />
|
||||||
|
</Column>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
@ -4,7 +4,6 @@
|
|||||||
@import "./loading/LoadingView";
|
@import "./loading/LoadingView";
|
||||||
@import "./main/MainView";
|
@import "./main/MainView";
|
||||||
@import "./notification-center/NotificationCenterView";
|
@import "./notification-center/NotificationCenterView";
|
||||||
@import "./right-side/RightSideView";
|
|
||||||
@import "./room/RoomView";
|
@import "./room/RoomView";
|
||||||
@import "./room-host/RoomHostView";
|
@import "./room-host/RoomHostView";
|
||||||
@import "./floorplan-editor/FloorplanEditorView";
|
@import "./floorplan-editor/FloorplanEditorView";
|
||||||
|
@ -11,6 +11,7 @@ import { HelpView } from '../../components/help/HelpView';
|
|||||||
import { InventoryView } from '../../components/inventory/InventoryView';
|
import { InventoryView } from '../../components/inventory/InventoryView';
|
||||||
import { ModToolsView } from '../../components/mod-tools/ModToolsView';
|
import { ModToolsView } from '../../components/mod-tools/ModToolsView';
|
||||||
import { NavigatorView } from '../../components/navigator/NavigatorView';
|
import { NavigatorView } from '../../components/navigator/NavigatorView';
|
||||||
|
import { RightSideView } from '../../components/right-side/RightSideView';
|
||||||
import { ToolbarView } from '../../components/toolbar/ToolbarView';
|
import { ToolbarView } from '../../components/toolbar/ToolbarView';
|
||||||
import { UserProfileView } from '../../components/user-profile/UserProfileView';
|
import { UserProfileView } from '../../components/user-profile/UserProfileView';
|
||||||
import { UserSettingsView } from '../../components/user-settings/UserSettingsView';
|
import { UserSettingsView } from '../../components/user-settings/UserSettingsView';
|
||||||
@ -23,7 +24,6 @@ import { FriendsView } from '../friends/FriendsView';
|
|||||||
import { HcCenterView } from '../hc-center/HcCenterView';
|
import { HcCenterView } from '../hc-center/HcCenterView';
|
||||||
import { HotelView } from '../hotel-view/HotelView';
|
import { HotelView } from '../hotel-view/HotelView';
|
||||||
import { NitropediaView } from '../nitropedia/NitropediaView';
|
import { NitropediaView } from '../nitropedia/NitropediaView';
|
||||||
import { RightSideView } from '../right-side/RightSideView';
|
|
||||||
import { RoomHostView } from '../room-host/RoomHostView';
|
import { RoomHostView } from '../room-host/RoomHostView';
|
||||||
import { MainViewProps } from './MainView.types';
|
import { MainViewProps } from './MainView.types';
|
||||||
|
|
||||||
|
@ -1,18 +0,0 @@
|
|||||||
import { FC } from 'react';
|
|
||||||
import { GroupRoomInformationView } from '../../components/groups/views/room-information/GroupRoomInformationView';
|
|
||||||
import { PurseView } from '../../components/purse/PurseView';
|
|
||||||
import { NotificationCenterView } from '../notification-center/NotificationCenterView';
|
|
||||||
import { RightSideProps } from './RightSideView.types';
|
|
||||||
|
|
||||||
export const RightSideView: FC<RightSideProps> = props =>
|
|
||||||
{
|
|
||||||
return (
|
|
||||||
<div className="nitro-right-side">
|
|
||||||
<div className="position-relative d-flex flex-column">
|
|
||||||
<PurseView />
|
|
||||||
<GroupRoomInformationView />
|
|
||||||
<NotificationCenterView />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
@ -1,4 +0,0 @@
|
|||||||
export interface RightSideProps
|
|
||||||
{
|
|
||||||
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user