@oasisomniverse/react 1.0.0

package/src/components/popups/karma/index.jsx

@@ -0,0 +1,34 @@
+import React  from 'react';
+
+import "../../../assets/scss/data-screen.scss";
+import ViewKarma from './components/ViewKarma';
+import ViewAvatarKarma from './components/ViewAvatarKarma';
+import SearchKarma from './components/SearchKarma';
+import VoteKarma from './components/VoteKarma';
+class Karma extends React.Component {
+    render() { 
+        const props=this.props;
+        return(
+            <>
+                <ViewKarma
+                    show={props.karma.viewKarmaWeightings}
+                    hide={props.toggleScreenPopup}
+                />
+                <SearchKarma 
+                    show={props.karma.searchKarma}
+                    hide={props.toggleScreenPopup}
+                />
+                <VoteKarma 
+                    show={props.karma.voteKarma}
+                    hide={props.toggleScreenPopup}
+                />
+                <ViewAvatarKarma 
+                    show={props.karma.viewAvatarKarma}
+                    hide={props.toggleScreenPopup}
+                />
+            </>
+        );
+    }
+}
+ 
+export default Karma;

package/src/components/popups/map/components/Add2dObjectMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class Add2dObjectMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'add2dObjectMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'add2dObjectMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default Add2dObjectMap;

package/src/components/popups/map/components/Add3dObjectMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class Add3dObjectMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'add3dObjectMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'add3dObjectMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default Add3dObjectMap;

package/src/components/popups/map/components/AddQuestToMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class AddQuestToMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'addQuestToMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'addQuestToMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default AddQuestToMap;

package/src/components/popups/map/components/DownloadOurWorld.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class DownloadOurWorld extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'downloadOurWorld')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>STAR ODK Coming Soon.</h2>
+                        <p>The alpha release of this will be coming soon… please check back soon… thank you.</p>
+                        <button onClick={() => hide('map', 'downloadOurWorld')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default DownloadOurWorld;

package/src/components/popups/map/components/ManageMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class ManageMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'manageMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Our World Coming Soon.</h2>
+                        <p>This is functionaliy that is built in the Unity Smartphone Prototype for Our World and will soon be released. You can then download Our World from either the Map or OAPP menu.</p>
+                        <button onClick={() => hide('map', 'manageMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default ManageMap;

package/src/components/popups/map/components/PlotRouteOnMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class PlotRouteOnMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'plotRouteOnMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'plotRouteOnMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default PlotRouteOnMap;

package/src/components/popups/map/components/SearchMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class SearchMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'searchMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'searchMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default SearchMap;

package/src/components/popups/map/components/ViewGlobal3dMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class ViewGlobal3dMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'viewGlobal3dMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Our World Coming Soon.</h2>
+                        <p>This is functionaliy that is built in the Unity Smartphone Prototype for Our World and will soon be released. You can then download Our World from either the Map or OAPP menu.</p>
+                        <button onClick={() => hide('map', 'viewGlobal3dMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default ViewGlobal3dMap;

package/src/components/popups/map/components/ViewHalonsOnMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class ViewHalonsOnMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'viewHalonsOnMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'viewHalonsOnMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default ViewHalonsOnMap;

package/src/components/popups/map/components/ViewOappOnMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class ViewOappOnMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'viewOappOnMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'viewOappOnMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default ViewOappOnMap;

package/src/components/popups/map/components/ViewQuestOnMap.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class ViewQuestOnMap extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('map', 'viewQuestOnMap')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('map', 'viewQuestOnMap')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default ViewQuestOnMap;

package/src/components/popups/map/index.jsx

@@ -0,0 +1,79 @@
+import React from 'react';
+import Add2dObjectMap from './components/Add2dObjectMap';
+import Add3dObjectMap from './components/Add3dObjectMap';
+import AddQuestToMap from './components/AddQuestToMap';
+import DownloadOurWorld from './components/DownloadOurWorld';
+import ManageMap from './components/ManageMap';
+import SearchMap from './components/SearchMap';
+import PlotRouteOnMap from './components/PlotRouteOnMap';
+import ViewGlobal3dMap from './components/ViewGlobal3dMap';
+import ViewHalonsOnMap from './components/ViewHalonsOnMap';
+import ViewOappOnMap from './components/ViewOappOnMap';
+import ViewQuestOnMap from './components/ViewQuestOnMap';
+
+class Map extends React.Component {
+
+    render() {
+        const props=this.props;
+        return(
+            <>
+                <Add2dObjectMap
+                    show={props.map.add2dObjectMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <Add3dObjectMap
+                    show={props.map.add3dObjectMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <AddQuestToMap
+                    show={props.map.addQuestToMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <DownloadOurWorld
+                    show={props.map.downloadOurWorld}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <ManageMap
+                    show={props.map.manageMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <PlotRouteOnMap
+                    show={props.map.plotRouteOnMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <SearchMap
+                    show={props.map.searchMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <ViewGlobal3dMap
+                    show={props.map.viewGlobal3dMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <ViewHalonsOnMap
+                    show={props.map.viewHalonsOnMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <ViewOappOnMap
+                    show={props.map.viewOappOnMap}
+                    hide={props.toggleScreenPopup}
+                />
+
+                <ViewQuestOnMap
+                    show={props.map.viewQuestOnMap}
+                    hide={props.toggleScreenPopup}
+                />
+            </>
+        )
+    }
+}
+
+export default Map;

package/src/components/popups/messages/Message.jsx

@@ -0,0 +1,86 @@
+import React from "react";
+// import { Link } from "react-router-dom";
+import { Modal } from "react-bootstrap";
+
+import MessageContacts from "../../common/message/MessageContacts";
+import Messages from "../../common/message/Messages";
+import "../../../assets/scss/popup.scss";
+import "../../../assets/scss/message.scss";
+import avatar from "../../../assets/images/loggedin.png"
+
+class Message extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            contactList: [
+                {
+                    name: 'Test 123',
+                    img: avatar,
+                    date: '13th October 2021',
+                    lastMessage: 'Test 123',
+                    active: true
+                },
+                {
+                    name: 'Test 123',
+                    img: avatar,
+                    date: '13th October 2021',
+                    lastMessage: 'Test 123',
+                    active: false
+                }
+            ],
+            messageList: [
+                {
+                    from: 'Admin',
+                    img: avatar,
+                    date: '10th October',
+                    message: 'Hey what are you doing?'
+                },
+                {
+                    from: 'me',
+                    date: '10th October',
+                    message: 'Making chating work on React'
+                },
+                {
+                    from: 'Admin',
+                    img: avatar,
+                    date: 'Yesterday',
+                    message: 'OK Good luck'
+                },
+                {
+                    from: 'me',
+                    date: '8:00 am',
+                    message: 'Thank you'
+                },
+            ]
+        }
+    }
+
+    render() {
+        return (
+            <Modal
+                size="xl"
+                show={true}
+                dialogClassName=""
+                onHide={() => this.props.history.push("/")}
+            >
+                <Modal.Header closeButton>
+                    <Modal.Title>Messages</Modal.Title>
+                </Modal.Header>
+                <Modal.Body>
+                    <div class="container">
+                        <div class="messaging">
+                            <div class="inbox_msg">
+                                <MessageContacts 
+                                    contactList={this.state.contactList}
+                                />
+                                <Messages messageList={this.state.messageList}/>
+                            </div>
+                        </div>
+                    </div>
+                </Modal.Body>
+            </Modal>
+        );
+    }
+}
+
+export default Message;

package/src/components/popups/mission/components/ManageMission.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class ManageMission extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('mission', 'manageMission')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('mission', 'manageMission')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default ManageMission;

package/src/components/popups/mission/components/SearchMission.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Modal } from "react-bootstrap";
+import '../../../../assets/scss/coming-soon.scss';
+import InfoIcon from '../../../../assets/images/icon-info.svg'
+
+class SearchMission extends React.Component {
+    state = {  } 
+    render() { 
+        const { show, hide } = this.props;
+
+        return (
+            <>
+                <Modal
+                    size="sm"
+                    show={show}
+                    dialogClassName=""
+                    onHide={() => hide('mission', 'searchMission')}
+                >
+                    <Modal.Body className="text-center coming-soon">
+                        <img
+                            src={InfoIcon}
+                            alt="icon"
+                        />
+                        <h2>Coming Soon</h2>
+                        <p>This module is coming soon...</p>
+                        <button onClick={() => hide('mission', 'searchMission')}>OK</button>
+                    </Modal.Body>
+                </Modal>
+            </>
+        );
+    }
+}
+ 
+export default SearchMission;