diff --git a/index.html b/index.html index fa2f1f78..0f54feed 100644 --- a/index.html +++ b/index.html @@ -3,13 +3,13 @@ - + - + Moos Ecosystem - - - + + + diff --git a/public/cofi.jpg b/public/cofi.jpg deleted file mode 100644 index e9749c4c..00000000 Binary files a/public/cofi.jpg and /dev/null differ diff --git a/public/cofi.png b/public/cofi.png deleted file mode 100644 index 1579e3cf..00000000 Binary files a/public/cofi.png and /dev/null differ diff --git a/public/fear.svg b/public/fear.svg deleted file mode 100644 index 89bb8137..00000000 --- a/public/fear.svg +++ /dev/null @@ -1,187 +0,0 @@ - - - - - -Created by potrace 1.15, written by Peter Selinger 2001-2017 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/fear2.svg b/public/fear2.svg deleted file mode 100644 index a51838b4..00000000 --- a/public/fear2.svg +++ /dev/null @@ -1,162 +0,0 @@ - - - - - - - - - -Created by potrace 1.15, written by Peter Selinger 2001-2017 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/markers-circle.svg b/public/markers-circle.svg new file mode 100644 index 00000000..dfb7d2a1 --- /dev/null +++ b/public/markers-circle.svg @@ -0,0 +1,367 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/network.svg b/public/network.svg new file mode 100644 index 00000000..e6f33cea --- /dev/null +++ b/public/network.svg @@ -0,0 +1,522 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tv.svg b/public/tv.svg deleted file mode 100644 index 024e4975..00000000 --- a/public/tv.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - -Created by potrace 1.15, written by Peter Selinger 2001-2017 - - - - - diff --git a/src/App.tsx b/src/App.tsx index a856b442..ac360b2c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,4 @@ -import { AppShell, SideBar, Content, AuthProvider, Modal, LoginPage, SignupPage, Quests, RequestPasswordPage, SetNewPasswordPage, OverlayProfile, OverlayProfileSettings, OverlayUserSettings, ItemsIndexPage, OverlayItemProfile, OverlayItemProfileSettings, Permissions, Tags } from 'utopia-ui' +import { AppShell, SideBar, Content, AuthProvider, Modal, LoginPage, SignupPage, Quests, RequestPasswordPage, SetNewPasswordPage, OverlayProfile, OverlayProfileSettings, OverlayUserSettings, OverlayItemsIndexPage, OverlayItemProfile, OverlayItemProfileSettings, Permissions, Tags } from 'utopia-ui' import { bottomRoutes, routes } from './routes/sidebar' import { Route, Routes } from 'react-router-dom' import MapContainer from "./pages/MapContainer" @@ -6,11 +6,9 @@ import './App.css' import { userApi } from './api/userApi' import { assetsApi } from './api/assetsApi' import { ModalContent } from './ModalContent' -import { Calendar } from './pages/Calendar' import { MoonCalendar } from 'utopia-ui' import { Landingpage } from './pages/Landingpage' import { useEffect, useState } from 'react' -import { Place, Project } from './api/directus' import { itemsApi } from './api/itemsApi' import { permissionsApi } from './api/permissionsApi' import { Tag } from 'utopia-ui/dist/types' @@ -18,16 +16,15 @@ import { Tag } from 'utopia-ui/dist/types' function App() { - const [projectsApi, setProjectsApi] = useState>(); + const [permissionsApiInstance, setPermissionsApiInstance] = useState(); const [tagsApi, setTagsApi] = useState>(); useEffect(() => { - setProjectsApi(new itemsApi('items', undefined, undefined, { "type": { "_eq": "project" } }, { type: "project" })); + setPermissionsApiInstance(new permissionsApi()); setTagsApi(new itemsApi('tags', undefined, "36fc9ba7-1a6b-4fc2-9db1-39d67aaf6918")); - }, []) @@ -36,9 +33,9 @@ function App() {
- - - + + + @@ -56,11 +53,14 @@ function App() { } /> } /> } /> - } /> } /> } /> + } /> + } /> + } /> + - } /> + diff --git a/src/ModalContent.tsx b/src/ModalContent.tsx index 02181713..eb826009 100644 --- a/src/ModalContent.tsx +++ b/src/ModalContent.tsx @@ -1,40 +1,82 @@ import { useState } from 'react' type ChapterProps = { - clickAction?: () => void + clickAction1?: () => void + clickAction2?: () => void + } -export function Welcome1({ clickAction }: ChapterProps) { +export function Welcome1({ clickAction1 }: ChapterProps) { return ( <> -

Welcome to the Collaboative Finance Map

- +

Welcome to the Community Ecosystem Map

+

- This map is a tool for connecting the movement and making projects, local initiatives, people and events visible. + It is a tool for collaborative mapping to connect local initiatives, people and events.

- Help fill this map by adding projects and events to the map. + Join us and grow the network by adding projects and events to the map.

- - Sign up to create your personal profile and add it to the map. + Create your personal profile and place it on the map.

- +
) } -export function Welcome2({ clickAction }: ChapterProps) { +export function Welcome2({ clickAction1 }: ChapterProps) { return ( <> -

Hypnosis and Disillusion

+

Dencentralized Networking

+

- Most people are still stuck in old ways of thinking and living.

- + Find like-minded people, projects and events. In your neighbourhood and wherever you are! +

+

+ Onboard new people, places and events +

+
+ +
+ + ) +} + +export function Welcome3({ clickAction1 }: ChapterProps) { + return ( + <> +

Mapping the Change

+

+ More and more people are waking up to what's really happening.

+

+ They are in the process of understanding the potential that is within themselves and within the whole mankind. +

+ + +

+ Starting to reconnect with our Mother Earth and beginning to question things that long times have been taken for granted. +

+
+ +
+ + ) +} + +export function Welcome4({ clickAction1 }: ChapterProps) { + return ( + <> +

Dezentralized Networks

+ +

+ Find like-minded people, places and events. In your neighbourhood and wherever you are! +

+

Hypnotised, they sit in front of screens in concrete blocks, flooded and disillusioned by irrelevant information. @@ -44,46 +86,7 @@ export function Welcome2({ clickAction }: ChapterProps) { From an early age, they are trained to do alienated work and consume unhealthy and meaningless products.

- -
- - ) -} - -export function Welcome3({ clickAction }: ChapterProps) { - return ( - <> -

But Consciousness is rising

-

- More and more people are waking up to what's really happening.

-

- They are in the process of understanding the potential that is within themselves and within the whole mankind. -

- - -

- Starting to reconnect with our Mother Earth and beginning to question things that long times have been taken for granted. -

-
- -
- - ) -} - -export function Welcome4({ clickAction }: ChapterProps) { - return ( - <> -

Gemeinsam erschaffen wir Strukturen

-
    -
  • 🥕 Essen & Trinken
  • -
  • 🏡 Wohn- & Lebensraum
  • -
  • 💬 Kommunikation
  • -
  • 💡 Energie
  • -
  • 🚐 Mobilität
  • -
-
- +
) @@ -103,11 +106,21 @@ export const ModalContent = () => { const ActiveChapter = () => { switch (chapter) { case 1: - return { close(); }} /> + return { + + close(); + setTimeout(() => { + // setQuestsOpen(true); + setChapter(1); + }, 1000); + + }}/> case 2: - return { setChapter(3) }} /> + return { setChapter(3) }} /> case 3: - return { + return { setChapter(4) }} /> + case 4: + return { close(); setTimeout(() => { diff --git a/src/pages/MapContainer.tsx b/src/pages/MapContainer.tsx index 558c8e74..8ce022a0 100644 --- a/src/pages/MapContainer.tsx +++ b/src/pages/MapContainer.tsx @@ -6,29 +6,20 @@ import { CalendarDaysIcon, MapPinIcon, UserIcon } from '@heroicons/react/20/soli function MapContainer() { - const [placesApi, setPlacesApi] = useState>(); const [eventsApi, setEventsApi] = useState>(); const [updatesApiInstance, setUpdatesApiInstance] = useState>(); - - - useEffect(() => { - - setPlacesApi(new itemsApi('items', undefined, undefined, {"type":{"_eq":"project"}}, {type: "project"})); + setPlacesApi(new itemsApi('items', undefined, undefined, {"type":{"_eq":"project"}}, {type: "project", autogenerated: "false"})); setEventsApi(new itemsApi('items', undefined, undefined, {"type":{"_eq":"event"}}, {type: "event"})); - setUpdatesApiInstance(new itemsApi('updates', "d2e5c850-74db-4789-910b-79d6784ad265", undefined, { "latest": { "_eq": true } })); - - + setUpdatesApiInstance(new itemsApi('items', undefined, undefined, {"type":{"_eq":"user"}}, {type: "user"})); }, []); const icon = CalendarDaysIcon; - return ( - @@ -54,14 +49,18 @@ function MapContainer() { @@ -77,19 +76,18 @@ function MapContainer() { markerIcon='user' markerShape='square' markerDefaultColor='#818583' - itemNameField='user_created.first_name' - itemTextField='user_created.description' - itemAvatarField='user_created.avatar' - itemColorField='user_created.color' + itemType='user' + itemAvatarField='image' + itemColorField='color' itemOwnerField="user_created" - itemOffersField='user_created.offers' - itemNeedsField='user_created.needs' - customEditLink='/profile-settings' + itemSubnameField='subname' + customEditLink='/edit-item' + customEditParameter='id' onlyOnePerOwner={true} // data={places} api={updatesApiInstance}> - + diff --git a/src/pages/setItemLocation.tsx b/src/pages/setItemLocation.tsx deleted file mode 100644 index e69de29b..00000000 diff --git a/src/routes/sidebar.tsx b/src/routes/sidebar.tsx index 6063d627..beb115a9 100644 --- a/src/routes/sidebar.tsx +++ b/src/routes/sidebar.tsx @@ -1,5 +1,5 @@ -import { RectangleGroupIcon } from '@heroicons/react/24/outline' +import { RectangleGroupIcon, CalendarDaysIcon, UserGroupIcon } from '@heroicons/react/24/outline' import { MapIcon } from '@heroicons/react/24/outline' //const iconClasses = `h-6 w-6` @@ -16,6 +16,16 @@ export const routes = [ path: '/items', // url icon: , // icon component name: 'Projects', // name that appear in Sidebar + }, + { + path: '/calendar', // url + icon: , // icon component + name: 'Calendar', // name that appear in Sidebar + }, + { + path: '/community', // url + icon: , // icon component + name: 'Community', // name that appear in Sidebar }/** { path: '/people', // url