92 |
94 | {t("infoTitle")}
93 |
95 |
103 | 96 | {t("info")} 97 | 98 | 🙊 99 | 100 | . 101 |
102 |
15 |
20 |
16 |
19 | {t(`${title}InputLabel`)}
17 |{t(`${subTitle}InputLabel`)}
18 |
18 |
19 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/src/lib/apollo.ts:
--------------------------------------------------------------------------------
1 | import { ApolloClient } from "apollo-client";
2 | import { HttpLink } from "apollo-link-http";
3 | import { WebSocketLink } from "apollo-link-ws";
4 | import { split } from "apollo-link";
5 | import { getMainDefinition } from "apollo-utilities";
6 | import { InMemoryCache } from "apollo-cache-inmemory";
7 | import { GRAPHQL_ENDPOINT, GRAPHQL_WS_ENDPOINT } from "../config";
8 |
9 | // Create an http link:
10 | const httpLink = new HttpLink({
11 | uri: GRAPHQL_ENDPOINT,
12 | });
13 |
14 | // Create a WebSocket link:
15 | const wsLink = new WebSocketLink({
16 | uri: GRAPHQL_WS_ENDPOINT as string,
17 | options: {
18 | reconnect: true,
19 | },
20 | });
21 |
22 | export const apolloClient = new ApolloClient({
23 | link: split(
24 | // split based on operation type
25 | ({ query }) => {
26 | const definition = getMainDefinition(query);
27 | return (
28 | definition.kind === "OperationDefinition" &&
29 | definition.operation === "subscription"
30 | );
31 | },
32 | wsLink,
33 | httpLink
34 | ),
35 | cache: new InMemoryCache(),
36 | });
37 |
--------------------------------------------------------------------------------
/src/types.ts:
--------------------------------------------------------------------------------
1 | import { TableCellProps } from "react-virtualized";
2 | import { Need_need } from "./graphql-types/generated/Need";
3 |
4 | export type STSelectOption = {
5 | label: string;
6 | value: string;
7 | };
8 |
9 | export type DistributorItemDataType = {
10 | name: string;
11 | category: STSelectOption;
12 | price: string;
13 | deliveryFee: string;
14 | };
15 |
16 | export type DistributorItemPacksDataType = {
17 | name: string;
18 | content: string;
19 | price: string;
20 | deliveryFee: string;
21 | };
22 |
23 | export type DistributorDataType = {
24 | name: string;
25 | phoneNumber: string;
26 | website: string;
27 | email: string;
28 | cities: STSelectOption[];
29 | bannerImageUrl: string;
30 | items: DistributorItemDataType[];
31 | itemPacks: DistributorItemPacksDataType[];
32 | };
33 |
34 | export type RequestDataType = {
35 | contactPersonName: string;
36 | contactNumber: string;
37 | city: STSelectOption;
38 | numberOfPeople: number;
39 | categories: STSelectOption[];
40 | agreeToTerms: boolean;
41 | };
42 |
43 | export interface RequestTableRowDataType extends TableCellProps {
44 | rowData: Need_need;
45 | }
46 |
--------------------------------------------------------------------------------
/src/graphql-types/distributor.ts:
--------------------------------------------------------------------------------
1 | import { gql } from "apollo-boost";
2 |
3 | export const INSERT_DISTRIBUTOR = gql`
4 | mutation InsertDistributor($objects: [distributor_insert_input!]!) {
5 | insert_distributor(objects: $objects) {
6 | affected_rows
7 | }
8 | }
9 | `;
10 |
11 | export const DISTRIBUTOR = gql`
12 | query Distributor(
13 | $where: distributor_bool_exp
14 | $limit: Int
15 | $offset: Int
16 | $order_by: [distributor_order_by!]
17 | ) {
18 | distributor(
19 | where: $where
20 | limit: $limit
21 | offset: $offset
22 | order_by: $order_by
23 | ) {
24 | distributor_cities {
25 | city {
26 | name
27 | id
28 | }
29 | }
30 | distributor_items {
31 | id
32 | name
33 | price
34 | deliveryFee
35 | item_category {
36 | name
37 | id
38 | }
39 | }
40 | distributor_packs {
41 | name
42 | id
43 | price
44 | deliveryFee
45 | content
46 | }
47 | bannerImageUrl
48 | name
49 | phoneNumber
50 | email
51 | id
52 | website
53 | }
54 | }
55 | `;
56 |
--------------------------------------------------------------------------------
/src/validations.ts:
--------------------------------------------------------------------------------
1 | import * as Yup from "yup";
2 |
3 | export const STSelectOptionSchema: Yup.ObjectSchema = Yup.object().shape({
4 | label: Yup.string().required("Name is required."),
5 | value: Yup.string().required("Name is required."),
6 | });
7 |
8 | export const DistributorValidationSchema: Yup.ObjectSchema = Yup.object().shape(
9 | {
10 | name: Yup.string().required("Name is required."),
11 | cities: Yup.array(STSelectOptionSchema)
12 | .nullable()
13 | .required("Please add at lease one city."),
14 | phoneNumber: Yup.string().required("Phone number is required."),
15 | }
16 | );
17 |
18 | export const RequestValidationSchema: Yup.ObjectSchema = Yup.object().shape({
19 | contactPersonName: Yup.string().required("Contact person name is required."),
20 | contactNumber: Yup.string().required("Contact number is required."),
21 | city: Yup.object().nullable().required("City is required."),
22 | numberOfPeople: Yup.number()
23 | .typeError("Number of people should be a number.")
24 | .required("Number of people value is required.")
25 | .min(1, "Number of people should be greater than 0."),
26 | categories: Yup.array(STSelectOptionSchema).required(
27 | "Please add at least one item."
28 | ),
29 | });
30 |
--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import { ApolloProvider } from "@apollo/react-hooks";
4 | import { ToastProvider } from "react-toast-notifications";
5 | import { StoreProvider } from "easy-peasy";
6 | import * as Sentry from "@sentry/browser";
7 | import App from "./App";
8 | import * as serviceWorker from "./serviceWorker";
9 |
10 | import "./localization/i18n";
11 | import "bulma/css/bulma.css";
12 | import "./index.css";
13 | import "react-virtualized/styles.css";
14 | import { apolloClient } from "./lib/apollo";
15 | import { store } from "./store";
16 | import { SENTRY_DSN } from "./config";
17 |
18 | if (SENTRY_DSN) {
19 | Sentry.init({
20 | dsn: SENTRY_DSN,
21 | });
22 | }
23 |
24 | ReactDOM.render(
25 |
20 |
21 |
29 | {children}
30 |
31 |
32 | {title}
22 |
27 |
30 |
47 | );
48 | };
49 |
--------------------------------------------------------------------------------
/src/helpers/sharedHelpers.ts:
--------------------------------------------------------------------------------
1 | import { STSelectOption } from "../types";
2 | import {
3 | City_city,
4 | City_city_city_translations,
5 | } from "../graphql-types/generated/City";
6 | import { ItemCategory_item_category } from "../graphql-types/generated/ItemCategory";
7 | import { District_district } from "../graphql-types/generated/District";
8 |
9 | export const getCitiesForSelect = (cities?: City_city[]): STSelectOption[] => {
10 | if (cities) {
11 | return cities.map((city) => {
12 | const cityNameSI = city?.city_translations.find(
13 | (cityTranslation: City_city_city_translations) => {
14 | return cityTranslation.language === "si";
15 | }
16 | );
17 |
18 | return {
19 | value: city.id,
20 | label: `${city.name}${cityNameSI?.text ? ` ${cityNameSI.text}` : ""}`,
21 | };
22 | });
23 | }
24 |
25 | return [];
26 | };
27 |
28 | export const getItemCategoriesForSelect = (
29 | itemCategories?: ItemCategory_item_category[]
30 | ): STSelectOption[] => {
31 | if (itemCategories) {
32 | return itemCategories.map((itemCategory) => ({
33 | value: itemCategory.id,
34 | label: itemCategory.name,
35 | }));
36 | }
37 |
38 | return [];
39 | };
40 |
41 | export const getDistrictsForSelect = (
42 | districts?: District_district[]
43 | ): STSelectOption[] => {
44 | if (districts) {
45 | return districts.map((district) => ({
46 | value: district.id,
47 | label: district.name,
48 | }));
49 | }
50 |
51 | return [];
52 | };
53 |
--------------------------------------------------------------------------------
/src/graphql-types/generated/Need.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable */
2 | /* eslint-disable */
3 | // @generated
4 | // This file was automatically generated and should not be edited.
5 |
6 | import { need_order_by, need_bool_exp } from "./graphql-global-types";
7 |
8 | // ====================================================
9 | // GraphQL query operation: Need
10 | // ====================================================
11 |
12 | export interface Need_need_city {
13 | __typename: "city";
14 | name: string;
15 | id: any;
16 | }
17 |
18 | export interface Need_need_item_category_needs_item_category {
19 | __typename: "item_category";
20 | id: any;
21 | name: string;
22 | }
23 |
24 | export interface Need_need_item_category_needs {
25 | __typename: "item_category_need";
26 | /**
27 | * An object relationship
28 | */
29 | item_category: Need_need_item_category_needs_item_category;
30 | }
31 |
32 | export interface Need_need {
33 | __typename: "need";
34 | id: any;
35 | /**
36 | * An object relationship
37 | */
38 | city: Need_need_city;
39 | contactNumber: string;
40 | contactPersonName: string;
41 | numberOfPeople: number;
42 | created_at: any;
43 | /**
44 | * An array relationship
45 | */
46 | item_category_needs: Need_need_item_category_needs[];
47 | }
48 |
49 | export interface Need {
50 | /**
51 | * fetch data from the table: "need"
52 | */
53 | need: Need_need[];
54 | }
55 |
56 | export interface NeedVariables {
57 | order_by?: need_order_by[] | null;
58 | limit?: number | null;
59 | where?: need_bool_exp | null;
60 | }
61 |
--------------------------------------------------------------------------------
/src/graphql-types/generated/LatestNeeds.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable */
2 | /* eslint-disable */
3 | // @generated
4 | // This file was automatically generated and should not be edited.
5 |
6 | import { need_order_by, need_bool_exp } from "./graphql-global-types";
7 |
8 | // ====================================================
9 | // GraphQL subscription operation: LatestNeeds
10 | // ====================================================
11 |
12 | export interface LatestNeeds_need_city {
13 | __typename: "city";
14 | name: string;
15 | id: any;
16 | }
17 |
18 | export interface LatestNeeds_need_item_category_needs_item_category {
19 | __typename: "item_category";
20 | id: any;
21 | name: string;
22 | }
23 |
24 | export interface LatestNeeds_need_item_category_needs {
25 | __typename: "item_category_need";
26 | /**
27 | * An object relationship
28 | */
29 | item_category: LatestNeeds_need_item_category_needs_item_category;
30 | }
31 |
32 | export interface LatestNeeds_need {
33 | __typename: "need";
34 | id: any;
35 | /**
36 | * An object relationship
37 | */
38 | city: LatestNeeds_need_city;
39 | contactNumber: string;
40 | contactPersonName: string;
41 | numberOfPeople: number;
42 | created_at: any;
43 | /**
44 | * An array relationship
45 | */
46 | item_category_needs: LatestNeeds_need_item_category_needs[];
47 | }
48 |
49 | export interface LatestNeeds {
50 | /**
51 | * fetch data from the table: "need"
52 | */
53 | need: LatestNeeds_need[];
54 | }
55 |
56 | export interface LatestNeedsVariables {
57 | order_by?: need_order_by[] | null;
58 | limit?: number | null;
59 | where?: need_bool_exp | null;
60 | }
61 |
--------------------------------------------------------------------------------
/src/components/contactUsLanguges/ContactUsSinhala.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useTranslation } from "react-i18next";
3 | import styled from "styled-components";
4 | import { STPageHeader } from "../shared/STPageHeader";
5 | import {
6 | STPageContainer,
7 | STPageContentWrapper,
8 | } from "../shared/styledComponents";
9 |
10 | const ContactContent = styled.div`
11 | max-width: 600px;
12 | text-align: center;
13 | margin: 32px auto auto;
14 | `;
15 |
16 | const ContactIcon = styled.span`
17 | font-size: 44px;
18 | `;
19 |
20 | export const ContactUsSinhala = () => {
21 | const { t } = useTranslation();
22 |
23 | return (
24 |
31 |
39 |
40 | {errors && errors[errorField || name]?.message && (
41 | {errors[errorField || name]?.message}
42 | )} 43 | {!(errors && errors[errorField || name]) && help && ( 44 |{help}
45 | )} 46 |
25 |
28 |
29 |
30 |
44 | 💌
45 |
46 |
47 |
48 |
49 |
50 | );
51 | };
52 |
--------------------------------------------------------------------------------
/src/components/contactUsLanguges/ContactUsEnglish.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useTranslation } from "react-i18next";
3 | import styled from "styled-components";
4 | import { STPageHeader } from "../shared/STPageHeader";
5 | import {
6 | STPageContainer,
7 | STPageContentWrapper,
8 | } from "../shared/styledComponents";
9 |
10 | const ContactContent = styled.div`
11 | max-width: 600px;
12 | text-align: center;
13 | margin: 32px auto auto;
14 | `;
15 |
16 | const ContactIcon = styled.span`
17 | font-size: 44px;
18 | `;
19 |
20 | export const ContactUsEnglish = () => {
21 | const { t } = useTranslation();
22 |
23 | return (
24 | 31 | hello@leafycode.com 32 | වෙත විද්යුත් තැපෑලක් එවීමෙන් හෝ ෆේස්බුක් 33 | 38 | https://www.facebook.com/LeafyCode 39 | 40 | හරහා පණිවුඩයක් යැවීමෙන් ඔබට Survive Together පිටුපස සිටින 41 | කණ්ඩායම සම්බන්ධ කර ගත හැකිය. 42 |
43 |
25 |
28 |
29 |
30 |
46 | 💌
47 |
48 |
49 |
50 |
51 |
52 | );
53 | };
54 |
--------------------------------------------------------------------------------
/src/components/LatestRequests.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export const LatestRequests = () => {
4 | return (
5 | 31 | You can contact the team behind Survive Together by sending them 32 | an email to{" "} 33 | hello@leafycode.com or by 34 | sending them a message through Facebook{" "} 35 | 40 | https://www.facebook.com/LeafyCode 41 | 42 | . 43 |
44 | 45 |
7 |
44 |
8 |
14 |
15 |
9 |
13 |
10 |
12 | Latest Requests districts
11 |
16 |
43 |
17 |
42 |
18 |
41 |
19 |
40 |
20 |
35 |
21 |
25 |
22 |
24 | District name
23 |
26 |
34 |
27 |
28 |
33 | 29 | 2000 requests 30 |
31 | 32 |
36 |
39 | Cities
37 |Galle, Kottawa, Kasbawa, Horana, Kandy, Jaffna
38 |
7 |
44 |
8 |
14 |
15 |
9 |
13 |
10 |
12 | Most requested districts
11 |
16 |
43 |
17 |
42 |
18 |
41 |
19 |
40 |
20 |
35 |
21 |
25 |
22 |
24 | District name
23 |
26 |
34 |
27 |
28 |
33 | 29 | 2000 requests 30 |
31 | 32 |
36 |
39 | Cities
37 |Galle, Kottawa, Kasbawa, Horana, Kandy, Jaffna
38 |
9 |
14 |
10 |
13 | District
11 |All districts
12 |
18 |
49 |
19 |
48 |
20 |
47 |
21 |
46 |
22 |
45 |
23 |
38 |
24 |
28 |
25 |
27 | District name
26 |
29 |
37 |
30 |
31 |
36 | 32 | 2000 requests 33 |
34 | 35 |
39 |
44 | 40 | Cities 41 |
42 |Galle, Kottawa, Kasbawa, Horana, Kandy, Jaffna
43 |
18 |
19 |
20 |
21 |
22 |
24 |
25 |
27 |
28 |
30 |
31 |
33 |
34 |
36 |
37 |
38 |
40 |
41 |
42 |
44 |
45 |
46 |
48 |
49 |
50 |
52 |
53 |
54 |
56 |
57 |
58 |
59 |
60 | );
61 | }
62 |
63 | export default App;
64 |
--------------------------------------------------------------------------------
/src/graphql-types/generated/CityByNeeds.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable */
2 | /* eslint-disable */
3 | // @generated
4 | // This file was automatically generated and should not be edited.
5 |
6 | import { city_order_by, city_bool_exp } from "./graphql-global-types";
7 |
8 | // ====================================================
9 | // GraphQL subscription operation: CityByNeeds
10 | // ====================================================
11 |
12 | export interface CityByNeeds_city_needs_aggregate_aggregate {
13 | __typename: "need_aggregate_fields";
14 | count: number | null;
15 | }
16 |
17 | export interface CityByNeeds_city_needs_aggregate {
18 | __typename: "need_aggregate";
19 | aggregate: CityByNeeds_city_needs_aggregate_aggregate | null;
20 | }
21 |
22 | export interface CityByNeeds_city_district {
23 | __typename: "district";
24 | name: string;
25 | id: any;
26 | }
27 |
28 | export interface CityByNeeds_city_city_translations {
29 | __typename: "city_translation";
30 | language: any;
31 | text: string;
32 | }
33 |
34 | export interface CityByNeeds_city_distributor_cities_aggregate_aggregate {
35 | __typename: "distributor_city_aggregate_fields";
36 | count: number | null;
37 | }
38 |
39 | export interface CityByNeeds_city_distributor_cities_aggregate {
40 | __typename: "distributor_city_aggregate";
41 | aggregate: CityByNeeds_city_distributor_cities_aggregate_aggregate | null;
42 | }
43 |
44 | export interface CityByNeeds_city {
45 | __typename: "city";
46 | /**
47 | * An aggregated array relationship
48 | */
49 | needs_aggregate: CityByNeeds_city_needs_aggregate;
50 | name: string;
51 | id: any;
52 | /**
53 | * An object relationship
54 | */
55 | district: CityByNeeds_city_district;
56 | /**
57 | * An array relationship
58 | */
59 | city_translations: CityByNeeds_city_city_translations[];
60 | /**
61 | * An aggregated array relationship
62 | */
63 | distributor_cities_aggregate: CityByNeeds_city_distributor_cities_aggregate;
64 | }
65 |
66 | export interface CityByNeeds {
67 | /**
68 | * fetch data from the table: "city"
69 | */
70 | city: CityByNeeds_city[];
71 | }
72 |
73 | export interface CityByNeedsVariables {
74 | order_by?: city_order_by[] | null;
75 | limit?: number | null;
76 | where?: city_bool_exp | null;
77 | }
78 |
--------------------------------------------------------------------------------
/src/components/home/Hero.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link } from "react-router-dom";
3 | import { useTranslation } from "react-i18next";
4 |
5 | export const Hero = () => {
6 | const { t } = useTranslation();
7 |
8 | return (
9 |
11 |
62 |
12 |
61 |
13 |
26 |
27 |
14 |
25 | {t("homeWelcomeTitle")}
15 | 16 |{t("homeWelcomeSubTitle")}
17 | 22 | {t("requestForHelp")} 23 | 24 |
28 |
38 |
39 |
29 |
37 |
30 |
36 | {t("FirstSpecialNote")}
31 |
32 | {t("FirstSpecialNoteDetailsHome")}
33 | About Us page.
34 |
35 |
40 |
60 |
41 |
59 |
42 |
58 | {t("SecondSpecialNote")}
43 |
44 |
57 |
45 |
56 | {t("SecondSpecialNoteDetailsHome")}
46 |47 | {t("FirstSpecialNoteItem")} 48 |
49 |50 | {t("SecondSpecialNoteItem")} 51 |
52 |53 | {t("ThirdSpecialNoteItem")} 54 |
55 |
14 |
56 |
57 |
62 |
72 |
73 | );
74 | };
75 |
--------------------------------------------------------------------------------
/src/components/termsAndConditionsLanguges/TermsAndConditionsEnglish.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link } from "react-router-dom";
3 | import { useTranslation } from "react-i18next";
4 | import { STPageHeader } from "../shared/STPageHeader";
5 | import {
6 | STPageContainer,
7 | STPageContentWrapper,
8 | } from "../shared/styledComponents";
9 |
10 | export const TermsAndConditionsEnglish = () => {
11 | const { t } = useTranslation();
12 |
13 | return (
14 |
63 |
71 | -
64 | {needData.item_category_needs.map((category) => (
65 |
- 66 | {category.item_category.name} 67 | 68 | ))} 69 |
15 |
21 |
22 |
23 |
70 |
71 |
72 | );
73 | };
74 |
--------------------------------------------------------------------------------
/src/containers/Distributors.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useQuery } from "@apollo/react-hooks";
3 | import { useTranslation } from "react-i18next";
4 | import { STPageHeaderWithFilters } from "../components/shared/STPageHeaderWithFilters";
5 | import {
6 | Distributor,
7 | DistributorVariables,
8 | } from "../graphql-types/generated/Distributor";
9 | import { DISTRIBUTOR } from "../graphql-types/distributor";
10 | import { order_by } from "../graphql-types/generated/graphql-global-types";
11 | import { useStoreState } from "../store";
12 | import { STDistributorCard } from "../components/shared/STDistributorCard";
13 |
14 | export const Distributors = () => {
15 | const { t } = useTranslation();
16 |
17 | const city = useStoreState((state) => state.area.city);
18 |
19 | const {
20 | loading: distributorsDataLoading,
21 | error: distributorsDataError,
22 | data: distributorsData,
23 | } = useQuery23 |
24 | These terms and conditions outline the rules and regulations for the 25 | use of Survive Together's Website, located at 26 | 27 | https://survivetogether.org 28 | 29 | . 30 |
31 | 32 |33 | By accessing this website we assume you accept these terms and 34 | conditions. Do not continue to use Survive Together if you do not 35 | agree to take all of the terms and conditions stated on this page. 36 | Our Privacy Policy can be found here:{" "} 37 | https://survivetogether.org/privacy. 38 |
39 | 40 |41 | {t("cookiesTermsAndConditionPage")} 42 |
43 | 44 |45 | We employ the use of cookies. By accessing Survive Together, you 46 | agreed to use cookies in agreement with the Survive Together's 47 | Privacy Policy. 48 |
49 | 50 |51 | Most interactive websites use cookies to let us retrieve the user’s 52 | details for each visit. Cookies are used by our website to enable 53 | the functionality of certain areas to make it easier for people 54 | visiting our website. Some of our affiliate/advertising partners may 55 | also use cookies. 56 |
57 | 58 |59 | Your Privacy 60 |
61 | 62 |Please read Privacy Policy
63 | 64 |65 | As long as the website and the information and services on the 66 | website are provided free of charge, we will not be liable for any 67 | loss or damage of any nature. 68 |
69 |
45 |
51 |
78 |
79 | );
80 | };
81 |
--------------------------------------------------------------------------------
/src/components/shared/STCitySummaryCard.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useHistory } from "react-router-dom";
3 | import { CityByNeeds_city } from "../../graphql-types/generated/CityByNeeds";
4 | import { City_city_city_translations } from "../../graphql-types/generated/City";
5 | import { useStoreActions } from "../../store";
6 |
7 | interface STCitySummaryCardProps {
8 | city: CityByNeeds_city;
9 | }
10 |
11 | export const STCitySummaryCard = ({ city }: STCitySummaryCardProps) => {
12 | const setDistrict = useStoreActions((actions) => actions.area.setDistrict);
13 | const setCity = useStoreActions((actions) => actions.area.setCity);
14 |
15 | const history = useHistory();
16 | const cityNameSI = city?.city_translations.find(
17 | (cityTranslation: City_city_city_translations) => {
18 | return cityTranslation.language === "si";
19 | }
20 | );
21 |
22 | return (
23 |
52 |
77 |
53 | {distributorsDataError && (
54 |
76 |
55 | Something went wrong. I think our servers are getting fried due
56 | to the heavy load. Or something else... We'll look into it!
57 |
58 | )}
59 | {distributorsDataLoading && (
60 |
61 | )}
62 | {distributorsData && distributorsData.distributor.length === 0 && (
63 |
64 | No distributors found. Please be patient.
65 |
66 | )}
67 | {!distributorsDataLoading &&
68 | distributorsData &&
69 | distributorsData.distributor.map((distributor) => (
70 | {
32 | setDistrict({
33 | value: city.district.id,
34 | label: city.district.name,
35 | });
36 | setCity({
37 | value: city.id,
38 | label: `${city.name}${cityNameSI?.text ? ` ${cityNameSI.text}` : ""}`,
39 | });
40 |
41 | history.push("/requests");
42 | }}
43 | >
44 |
79 |
80 | );
81 | };
82 |
--------------------------------------------------------------------------------
/src/components/shared/STSelect.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode } from "react";
2 | import AsyncSelect from "react-select/async";
3 | import { Control, Controller } from "react-hook-form";
4 | import Select from "react-select";
5 | import { useTranslation } from "react-i18next";
6 | import { STSelectOption } from "../../types";
7 |
8 | interface STSelectProps {
9 | // eslint-disable-next-line @typescript-eslint/no-explicit-any
10 | control: Control
38 |
41 |
87 | );
88 | };
89 |
--------------------------------------------------------------------------------
/src/components/termsAndConditionsLanguges/TermsAndConditionsSinhala.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link } from "react-router-dom";
3 | import { useTranslation } from "react-i18next";
4 | import { STPageHeader } from "../shared/STPageHeader";
5 | import {
6 | STPageContainer,
7 | STPageContentWrapper,
8 | } from "../shared/styledComponents";
9 |
10 | export const TermsAndConditionsSinhala = () => {
11 | const { t } = useTranslation();
12 |
13 | return (
14 |
42 | {
52 | return callback(
53 | options.filter((option) =>
54 | option.label
55 | .toString()
56 | .toLowerCase()
57 | .includes(value.toLowerCase().slice(0, 100))
58 | )
59 | );
60 | }}
61 | className={`basic-multi-select ${
62 | errors && errors[errorField || name]?.message
63 | ? "is-danger"
64 | : ""
65 | }`}
66 | classNamePrefix="select"
67 | placeholder={t("startType")}
68 | />
69 | ) : (
70 |
78 | )
79 | }
80 | />
81 |
82 | {errors && errors[errorField || name]?.message && (
83 | {errors[errorField || name]?.message}
84 | )} 85 | {help && !errors[errorField || name] &&{help}
} 86 |
15 |
21 |
22 |
23 |
70 |
71 |
72 | );
73 | };
74 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
22 |
23 |
24 |
25 |
32 |
33 |
37 |
38 |
39 |
40 |
49 | 23 |
24 | මෙම නියමයන් සහ කොන්දේසි මගින් Survive Together වෙබ් අඩවිය භාවිතා 25 | කිරීම සඳහා වන නීති රීති ගෙනහැර දක්වයි, පිවිසෙන්න: 26 | 27 | https://survivetogether.org 28 | 29 | . 30 |
31 |32 | මෙම වෙබ් අඩවියට පිවිසීමෙන් ඔබ මෙම නියමයන් සහ කොන්දේසි පිළිගන්නා බව 33 | අපි උපකල්පනය කරන්නෙමු. මෙම පිටුවේ දක්වා ඇති සියලුම නියමයන් සහ 34 | කොන්දේසි පිළිගැනීමට ඔබ එකඟ නොවන්නේ නම් මෙතැන් සිට ඉදිරියට Survive 35 | Together භාවිතා නොකරන්න. අපගේ රහස්යතා ප්රතිපත්තිය මෙතැනින් සොයාගත 36 | හැකිය: 37 | https://survivetogether.org/privacy. 38 |
39 | 40 |41 | {t("cookiesTermsAndConditionPage")} 42 |
43 | 44 |45 | අපි මෙම වෙබ් අඩවියෙහි කුකීස් භාවිතා කරන්නෙමු. Survive Together වෙත 46 | ප්රවේශ වීමෙන්, ඔබ Survive Together හි රහස්යතා ප්රතිපත්තියට එකඟව 47 | කුකීස් භාවිතා කිරීමට එකඟ වි ඇත. 48 |
49 |50 | බොහෝ අන්තර්ක්රියාකාරී වෙබ් අඩවි කුකීස් භාවිතා කරන්නේ එක් එක් 51 | පිවිසීම් සඳහා පරිශීලකයාගේ තොරතුරු ලබා ගැනීමට අපට ඉඩ සලසමිනි. අපගේ 52 | වෙබ් අඩවියට පිවිසෙන පුද්ගලයින්ට පහසු කිරීම සඳහා ඇතැම් ස්ථාන වල 53 | ක්රියාකාරිත්වය සක්රීය කිරීම සඳහා අපගේ වෙබ් අඩවිය කුකීස් භාවිතා 54 | කරයි. අපගේ සමහර අනුබද්ධ / ප්රචාරණ හවුල්කරුවන් විසින්ද කුකීස් භාවිතා 55 | කළ හැකිය. 56 |
57 | 58 |59 | ඔබේ පෞද්ගලිකත්වය 60 |
61 | 62 |කරුණාකර රහස්යතා ප්රතිපත්තිය කියවන්න
63 | 64 |65 | වෙබ් අඩවිය සහ වෙබ් අඩවියේ තොරතුරු සහ සේවාවන් නොමිලේ ලබා දෙන තාක් 66 | කල්, කිසිදු ආකාරයක අලාභයක් හෝ හානියක් සම්බන්ධයෙන් අප වගකිව යුතු 67 | නොවේ. 68 |
69 |
15 |
18 |
19 |
20 |
74 |
75 |
76 | );
77 | };
78 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "survive-together-web",
3 | "version": "0.1.0",
4 | "author": "LeafyCode",
5 | "license": "GPL-3.0-only",
6 | "dependencies": {
7 | "@apollo/react-hooks": "^3.1.3",
8 | "@sentry/browser": "^5.15.4",
9 | "@testing-library/jest-dom": "^4.2.4",
10 | "@testing-library/react": "^9.3.2",
11 | "@testing-library/user-event": "^7.1.2",
12 | "@types/jest": "^24.0.0",
13 | "@types/node": "^12.0.0",
14 | "@types/react": "^16.9.27",
15 | "@types/react-dom": "^16.9.5",
16 | "@types/react-toast-notifications": "^2.4.0",
17 | "apollo-boost": "^0.4.7",
18 | "apollo-cache-inmemory": "^1.6.5",
19 | "apollo-client": "^2.6.8",
20 | "apollo-link": "^1.2.13",
21 | "apollo-link-http": "^1.5.16",
22 | "apollo-link-ws": "^1.0.19",
23 | "apollo-utilities": "^1.3.3",
24 | "bulma": "^0.8.1",
25 | "dotenv": "^8.2.0",
26 | "easy-peasy": "^3.3.0",
27 | "graphql": "^14.6.0",
28 | "i18next": "^19.3.4",
29 | "i18next-browser-languagedetector": "^4.0.2",
30 | "lodash": "^4.17.21",
31 | "moment": "^2.24.0",
32 | "react": "^16.13.1",
33 | "react-dom": "^16.13.1",
34 | "react-github-btn": "^1.1.1",
35 | "react-hook-form": "^5.2.0",
36 | "react-i18next": "^11.3.4",
37 | "react-router-dom": "^5.1.2",
38 | "react-scripts": "3.4.1",
39 | "react-select": "^3.1.0",
40 | "react-toast-notifications": "^2.4.0",
41 | "react-virtualized": "^9.21.2",
42 | "styled-components": "^5.0.1",
43 | "subscriptions-transport-ws": "^0.9.16",
44 | "typescript": "^3.8.3",
45 | "yup": "^0.28.3"
46 | },
47 | "scripts": {
48 | "start": "react-scripts start",
49 | "build": "react-scripts build",
50 | "test": "react-scripts test",
51 | "eject": "react-scripts eject",
52 | "schema:download": "yarn run apollo client:download-schema schema.graphql",
53 | "types:generate": "yarn run apollo codegen:generate --target=typescript --tagName=gql --addTypename --localSchemaFile=schema.graphql --includes='src/graphql-types/*.ts' --globalTypesFile=src/graphql-types/generated/graphql-global-types.ts --outputFlat src/graphql-types/generated/\n",
54 | "types:refresh": "yarn schema:download && yarn types:generate"
55 | },
56 | "eslintConfig": {
57 | "extends": "react-app"
58 | },
59 | "browserslist": {
60 | "production": [
61 | ">0.2%",
62 | "not dead",
63 | "not op_mini all"
64 | ],
65 | "development": [
66 | "last 1 chrome version",
67 | "last 1 firefox version",
68 | "last 1 safari version"
69 | ]
70 | },
71 | "devDependencies": {
72 | "@types/lodash": "^4.14.149",
73 | "@types/moment": "^2.13.0",
74 | "@types/react-router-dom": "^5.1.3",
75 | "@types/react-select": "^3.0.11",
76 | "@types/react-virtualized": "^9.21.8",
77 | "@types/styled-components": "^5.0.1",
78 | "@types/yup": "^0.26.33",
79 | "@typescript-eslint/eslint-plugin": "^2.25.0",
80 | "@typescript-eslint/parser": "^2.25.0",
81 | "apollo": "^2.25.0",
82 | "eslint": "^5.16.0 || ^6.8.0",
83 | "eslint-config-airbnb": "^18.1.0",
84 | "eslint-config-prettier": "^6.10.1",
85 | "eslint-config-react-app": "^5.2.1",
86 | "eslint-plugin-import": "^2.20.1",
87 | "eslint-plugin-jsx-a11y": "^6.2.3",
88 | "eslint-plugin-prettier": "^3.1.2",
89 | "eslint-plugin-react": "^7.19.0",
90 | "eslint-plugin-react-hooks": "^2.5.0 || ^1.7.0",
91 | "prettier": "^2.0.2"
92 | }
93 | }
94 |
--------------------------------------------------------------------------------
/src/components/aboutUsLanguges/AboutUsSinhala.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useTranslation } from "react-i18next";
3 | import { STPageHeader } from "../shared/STPageHeader";
4 | import {
5 | STPageContainer,
6 | STPageContentWrapper,
7 | } from "../shared/styledComponents";
8 | import surviveTogetherLogo from "../../assets/survive-together-logo.png";
9 |
10 | export const AboutUsSinhala = () => {
11 | const { t } = useTranslation();
12 |
13 | return (
14 | 20 |
21 |
73 |
22 | 
23 |
24 |
25 |
72 |
26 |
71 | 27 | This website was created with the intention of helping people 28 | in this country with the current situation. The site was 29 | created under the theme “Survive Together”. 30 |
31 | 32 |33 | Due to the prevailing curfew in the country, people living in 34 | certain areas are finding it difficult to get groceries, 35 | vegetables, fruits, and other essential items. Through this 36 | website, vendors can inform people about their services and 37 | people can state their needs as well. 38 |
39 | 40 |41 | At the moment, for some of us, the only way to obtain food and 42 | groceries is through deliveries. No one can go out of their 43 | house for weeks. While there are many delivery options in some 44 | areas, we noticed that most of the areas won't get 45 | anything. Those people are helpless. One of the main targets 46 | of this website is to gather enough information to identify 47 | those key areas and make sure everyone gets what they need. 48 |
49 | 50 |51 | We have one big request from everyone. Please try your best to 52 | help those in need. This is not the time to make profits. This 53 | is not the time to think about marketing. People are dying 54 | from a pandemic. We don't want anyone dying from hunger. 55 | So please get together, put aside your differences and help 56 | whoever you can. 57 |
58 | 59 |60 | If you are a developer, our code is on GitHub: 61 | 66 | https://github.com/LeafyCode/survive-together-web 67 | 68 | . Please have a look and see how you can help. 69 |
70 |
15 |
18 |
19 |
20 |
75 |
76 |
77 | );
78 | };
79 |
--------------------------------------------------------------------------------
/src/components/app/NavBar.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { Link } from "react-router-dom";
3 | import { useTranslation } from "react-i18next";
4 | import surviveTogetherLogoInverted from "../../assets/survive-together-logo-inverted-small.png";
5 |
6 | export const NavBar = () => {
7 | const { i18n } = useTranslation();
8 | const { t } = useTranslation();
9 |
10 | const [isMobileMenuActive, setIsMobileMenuActive] = useState20 |
21 |
74 |
22 |
23 |
24 |
25 |
73 |
26 |
72 | 27 | මෙම වෙබ් අඩවිය නිර්මාණය කරන ලද්දේ වර්තමාන තත්වය සමඟ මේ රටේ 28 | ජනතාවට උපකාර කිරීමේ අරමුණින් ය. වෙබ් අඩවිය නිර්මාණය කර ඇත්තේ 29 | "සැවොම එක්ව බේරාගනිමු - Survive Together" යන තේමාව 30 | යටතේ ය. 31 |
32 | 33 |34 | රට තුළ පවතින ඇඳිරි නීතිය හේතුවෙන් ඇතැම් ප්රදේශවල වෙසෙන ජනතාවට 35 | සිල්ලර බඩු, එළවළු, පලතුරු සහ අත්යාවශ්ය භාණ්ඩ ලබා ගැනීම 36 | දුෂ්කර වී තිබේ. මෙම වෙබ් අඩවිය හරහා වෙළෙඳ මහතුන්ට ඔවුන්ගේ 37 | සේවාවන් පිළිබඳව ජනතාව දැනුවත් කළ හැකි අතර මිනිසුන්ට ද ඔවුන්ගේ 38 | අවශ්යතා ප්රකාශ කළ හැකිය. 39 |
40 | 41 |42 | මේ මොහොතේ, අපගෙන් සමහර අයට, ආහාර ලබා ගත හැකි එකම ක්රමය වන්නේ 43 | භාණ්ඩ බෙදාහැරීම් හරහා වේ. සති ගණන් කිසිවෙකුට ඔවුන්ගේ නිවසින් 44 | පිටතට යා නොහැක. සමහර ප්රදේශවල බෙදා හැරීමේ විකල්ප බොහොමයක් ඇති 45 | අතර, බොහෝ ප්රදේශවලට කිසිවක් නොලැබෙන බව අපි දුටුවෙමු. ඒ 46 | මිනිසුන් අසරණයි. මෙම වෙබ් අඩවියේ ප්රධාන ඉලක්කයක් වන්නේ එම 47 | ප්රධාන ක්ෂේත්ර හඳුනා ගැනීම සඳහා ප්රමාණවත් තොරතුරු රැස් 48 | කිරීම සහ සෑම කෙනෙකුටම අවශ්ය දේ ලබා ගැනීමට වග බලා ගැනීමයි. 49 |
50 | 51 |52 | අපට සෑම කෙනෙකුගෙන්ම එක් විශාල ඉල්ලීමක් කිරීමට තිබේ. කරුණාකර 53 | අවශ්යතා ඇති අයට උපකාර කිරීමට ඔබේ උපරිම දායකත්වය ලබාදෙන්න. ලාභ 54 | ලැබීමට කාලය මෙය නොවේ. අලෙවිකරණය ගැන සිතීමට කාලය මෙය නොවේ. 55 | මිනිසුන් වසංගතයකින් මිය යති. කුසගින්නෙන් මිය යන කිසිවෙකු අපට 56 | අවශ්ය නැත. එබැවින් කරුණාකර එකට එකතු වී, ඔබේ වෙනස්කම් පසෙකට 57 | දමා ඔබට හැකි ඕනෑම කෙනෙකුට උදව් කරන්න. 58 |
59 | 60 |61 | ඔබ මෘදුකා๐ඝ සංවර්ධකයෙකු නම්, අපගේ කේතය GitHub හි ඇත: 62 | 67 | https://github.com/LeafyCode/survive-together-web 68 | 69 | කරුණාකර ඇවිත් ඔබට උදව් කරහැකි ආකාරය බලන්න. 70 |
71 |
18 |
112 | );
113 | };
114 |
--------------------------------------------------------------------------------
/src/components/home/AreaSelection.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Select from "react-select";
3 | import { QueryLazyOptions } from "@apollo/react-hooks";
4 | import { useTranslation } from "react-i18next";
5 | import { STSelectOption } from "../../types";
6 | import { CityVariables } from "../../graphql-types/generated/City";
7 | import { useStoreActions, useStoreState } from "../../store";
8 |
9 | interface AreaSelectionProps {
10 | citiesForSelect: STSelectOption[];
11 | districtsForSelect: STSelectOption[];
12 | citiesDataLoading: boolean;
13 | districtsDataLoading: boolean;
14 | getCities: (options?: QueryLazyOptions
19 |
20 | 
27 |
47 |
48 | {t("surviveTogetherNavBar")}
28 | 29 | 30 | { 39 | setIsMobileMenuActive(!isMobileMenuActive); 40 | }} 41 | > 42 | 43 | 44 | 45 | 46 |
49 |
111 |
50 |
51 | {t("requestDistributorInputLabel")}
52 |
53 |
54 |
55 | {t("requestPageInputLabel")}
56 |
57 |
58 |
59 | {t("aboutUsInputLabel")}
60 |
61 |
62 |
63 | {t("contactInputLabel")}
64 |
65 |
66 |
67 | {t("blog")}
68 |
69 |
70 |
97 |
98 |
71 |
82 |
95 |
96 |
99 |
110 |
100 |
106 | {t("newDistributorNavBar")}
107 |
108 |
109 |
34 |
96 |
35 |
95 |
36 |
94 |
37 |
93 |
38 |
92 |
39 |
91 |
40 |
71 |
72 |
41 |
70 |
42 |
69 |
73 |
90 |
74 |
89 |
75 |
88 |
49 |
110 |
50 |
109 | {t(`${title}InputLabel`)}
51 |{t(`${subTitle}InputLabel`)}
52 |
53 |
108 |
54 |
107 |
55 |
106 |
56 |
87 |
57 |
86 |
58 |
85 |
88 |
105 |
89 |
104 |
90 |
103 |
20 |
70 |
92 |
104 | )}
105 |
106 | {distributorData.email && (
107 |
113 | Email
114 | 115 |
125 | )}
126 |
127 | {distributorData.bannerImageUrl ? (
128 | <>
129 |
139 | 
140 |
141 |
142 | ) : (
143 | ""
144 | )}
145 |
146 | {distributorData.distributor_items?.length > 0 && (
147 |
153 |
178 | )}
179 |
180 | {distributorData?.distributor_packs.length > 0 && (
181 |
182 |
207 | )}
208 |
209 |
210 | );
211 | };
212 |
--------------------------------------------------------------------------------
/src/containers/CreateRequest.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { useForm } from "react-hook-form";
3 | import { useQuery } from "@apollo/react-hooks";
4 | import { Link, useHistory } from "react-router-dom";
5 | import { useToasts } from "react-toast-notifications";
6 | import { useTranslation } from "react-i18next";
7 | import { STPageHeader } from "../components/shared/STPageHeader";
8 | import { STPageContainer } from "../components/shared/styledComponents";
9 | import { STInput } from "../components/shared/STInput";
10 | import { RequestDataType, STSelectOption } from "../types";
11 | import { RequestValidationSchema } from "../validations";
12 | import { STSelect } from "../components/shared/STSelect";
13 | import { City } from "../graphql-types/generated/City";
14 | import { CITIES } from "../graphql-types/city";
15 | import {
16 | getCitiesForSelect,
17 | getItemCategoriesForSelect,
18 | } from "../helpers/sharedHelpers";
19 | import { ItemCategory } from "../graphql-types/generated/ItemCategory";
20 | import { ITEM_CATEGORIES } from "../graphql-types/itemCategory";
21 | import { executeCreateNeedMutation } from "../helpers/requestHelpers";
22 |
23 | export const CreateRequest = () => {
24 | const { t } = useTranslation();
25 |
26 | const { addToast } = useToasts();
27 | const history = useHistory();
28 | const [isLoading, setIsLoading] = useState setIsModalOpen(!isModalOpen)}
24 | style={{
25 | cursor: "pointer",
26 | outline: "none",
27 | }}
28 | >
29 |
64 |
65 |
30 |
63 |
31 |
48 |
32 |
36 |
33 |
35 | {distributorData.name}
34 |
37 |
47 |
38 |
39 |
46 | 40 | {distributorData.distributor_cities?.length === 1 41 | ? `${distributorData.distributor_cities?.length} City` 42 | : `${distributorData.distributor_cities?.length} Cities`} 43 |
44 | 45 |49 | {distributorData.phoneNumber} 50 |
51 |
52 |
62 | 53 | {truncate( 54 | distributorData.distributor_cities 55 | ?.map((city: Distributor_distributor_distributor_cities) => { 56 | return city.city.name; 57 | }) 58 | .join(", ") 59 | )} 60 |
61 |Distributing cities
71 |
78 | {distributorData.distributor_cities.map((city) => (
79 |
80 | {city.city.name}
81 |
82 | ))}
83 |
84 |
85 | {distributorData.website && (
86 | Website
93 | 94 |95 | 100 | {distributorData.website} 101 | 102 |
103 |116 | 121 | {distributorData.email} 122 | 123 |
124 |Items
154 | 155 |
156 |
157 |
158 |
176 |
177 | | Item name | 160 |Category | 161 |Price | 162 |Delivery fee | 163 |
|---|---|---|---|
| {item.name} | 169 |{item.item_category.name} | 170 |{item.price || "-"} | 171 |{item.deliveryFee || "-"} | 172 |
Item packs
183 | 184 |
185 |
186 |
187 |
205 |
206 | | Item name | 189 |Content | 190 |Price | 191 |Delivery fee | 192 |
|---|---|---|---|
| {pack.name} | 198 |{pack.content} | 199 |{pack.price || "-"} | 200 |{pack.deliveryFee || "-"} | 201 |
77 |
83 | {citiesDataError || itemCategoriesDataError ? (
84 |
200 |
201 | );
202 | };
203 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 | # production
3 | /build
4 |
5 | # Created by https://www.gitignore.io/api/node,code,react,linux,macos,windows,webstorm,intellij+all
6 | # Edit at https://www.gitignore.io/?templates=node,code,react,linux,macos,windows,webstorm,intellij+all
7 |
8 | ### Code ###
9 | .vscode/*
10 | !.vscode/settings.json
11 | !.vscode/tasks.json
12 | !.vscode/launch.json
13 | !.vscode/extensions.json
14 |
15 | ### Intellij+all ###
16 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
17 | # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
18 |
19 | # User-specific stuff
20 | .idea/**/workspace.xml
21 | .idea/**/tasks.xml
22 | .idea/**/usage.statistics.xml
23 | .idea/**/dictionaries
24 | .idea/**/shelf
25 |
26 | # Generated files
27 | .idea/**/contentModel.xml
28 |
29 | # Sensitive or high-churn files
30 | .idea/**/dataSources/
31 | .idea/**/dataSources.ids
32 | .idea/**/dataSources.local.xml
33 | .idea/**/sqlDataSources.xml
34 | .idea/**/dynamic.xml
35 | .idea/**/uiDesigner.xml
36 | .idea/**/dbnavigator.xml
37 |
38 | # Gradle
39 | .idea/**/gradle.xml
40 | .idea/**/libraries
41 |
42 | # Gradle and Maven with auto-import
43 | # When using Gradle or Maven with auto-import, you should exclude module files,
44 | # since they will be recreated, and may cause churn. Uncomment if using
45 | # auto-import.
46 | # .idea/modules.xml
47 | # .idea/*.iml
48 | # .idea/modules
49 | # *.iml
50 | # *.ipr
51 |
52 | # CMake
53 | cmake-build-*/
54 |
55 | # Mongo Explorer plugin
56 | .idea/**/mongoSettings.xml
57 |
58 | # File-based project format
59 | *.iws
60 |
61 | # IntelliJ
62 | out/
63 |
64 | # mpeltonen/sbt-idea plugin
65 | .idea_modules/
66 |
67 | # JIRA plugin
68 | atlassian-ide-plugin.xml
69 |
70 | # Cursive Clojure plugin
71 | .idea/replstate.xml
72 |
73 | # Crashlytics plugin (for Android Studio and IntelliJ)
74 | com_crashlytics_export_strings.xml
75 | crashlytics.properties
76 | crashlytics-build.properties
77 | fabric.properties
78 |
79 | # Editor-based Rest Client
80 | .idea/httpRequests
81 |
82 | # Android studio 3.1+ serialized cache file
83 | .idea/caches/build_file_checksums.ser
84 |
85 | ### Intellij+all Patch ###
86 | # Ignores the whole .idea folder and all .iml files
87 | # See https://github.com/joeblau/gitignore.io/issues/186 and https://github.com/joeblau/gitignore.io/issues/360
88 |
89 | .idea/
90 |
91 | # Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-249601023
92 |
93 | *.iml
94 | modules.xml
95 | .idea/misc.xml
96 | *.ipr
97 |
98 | # Sonarlint plugin
99 | .idea/sonarlint
100 |
101 | ### Linux ###
102 | *~
103 |
104 | # temporary files which can be created if a process still has a handle open of a deleted file
105 | .fuse_hidden*
106 |
107 | # KDE directory preferences
108 | .directory
109 |
110 | # Linux trash folder which might appear on any partition or disk
111 | .Trash-*
112 |
113 | # .nfs files are created when an open file is removed but is still being accessed
114 | .nfs*
115 |
116 | ### macOS ###
117 | # General
118 | .DS_Store
119 | .AppleDouble
120 | .LSOverride
121 |
122 | # Icon must end with two \r
123 | Icon
124 |
125 | # Thumbnails
126 | ._*
127 |
128 | # Files that might appear in the root of a volume
129 | .DocumentRevisions-V100
130 | .fseventsd
131 | .Spotlight-V100
132 | .TemporaryItems
133 | .Trashes
134 | .VolumeIcon.icns
135 | .com.apple.timemachine.donotpresent
136 |
137 | # Directories potentially created on remote AFP share
138 | .AppleDB
139 | .AppleDesktop
140 | Network Trash Folder
141 | Temporary Items
142 | .apdisk
143 |
144 | ### Node ###
145 | # Logs
146 | logs
147 | *.log
148 | npm-debug.log*
149 | yarn-debug.log*
150 | yarn-error.log*
151 | lerna-debug.log*
152 |
153 | # Diagnostic reports (https://nodejs.org/api/report.html)
154 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
155 |
156 | # Runtime data
157 | pids
158 | *.pid
159 | *.seed
160 | *.pid.lock
161 |
162 | # Directory for instrumented libs generated by jscoverage/JSCover
163 | lib-cov
164 |
165 | # Coverage directory used by tools like istanbul
166 | coverage
167 | *.lcov
168 |
169 | # nyc test coverage
170 | .nyc_output
171 |
172 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
173 | .grunt
174 |
175 | # Bower dependency directory (https://bower.io/)
176 | bower_components
177 |
178 | # node-waf configuration
179 | .lock-wscript
180 |
181 | # Compiled binary addons (https://nodejs.org/api/addons.html)
182 | build/Release
183 |
184 | # Dependency directories
185 | node_modules/
186 | jspm_packages/
187 |
188 | # TypeScript v1 declaration files
189 | typings/
190 |
191 | # TypeScript cache
192 | *.tsbuildinfo
193 |
194 | # Optional npm cache directory
195 | .npm
196 |
197 | # Optional eslint cache
198 | .eslintcache
199 |
200 | # Optional REPL history
201 | .node_repl_history
202 |
203 | # Output of 'npm pack'
204 | *.tgz
205 |
206 | # Yarn Integrity file
207 | .yarn-integrity
208 |
209 | # dotenv environment variables file
210 | .env
211 | .env.test
212 |
213 | # parcel-bundler cache (https://parceljs.org/)
214 | .cache
215 |
216 | # next.js build output
217 | .next
218 |
219 | # nuxt.js build output
220 | .nuxt
221 |
222 | # rollup.js default build output
223 | dist/
224 |
225 | # Uncomment the public line if your project uses Gatsby
226 | # https://nextjs.org/blog/next-9-1#public-directory-support
227 | # https://create-react-app.dev/docs/using-the-public-folder/#docsNav
228 | # public
229 |
230 | # Storybook build outputs
231 | .out
232 | .storybook-out
233 |
234 | # vuepress build output
235 | .vuepress/dist
236 |
237 | # Serverless directories
238 | .serverless/
239 |
240 | # FuseBox cache
241 | .fusebox/
242 |
243 | # DynamoDB Local files
244 | .dynamodb/
245 |
246 | # Temporary folders
247 | tmp/
248 | temp/
249 |
250 | ### react ###
251 | .DS_*
252 | **/*.backup.*
253 | **/*.back.*
254 |
255 | node_modules
256 |
257 | *.sublime*
258 |
259 | psd
260 | thumb
261 | sketch
262 |
263 | ### WebStorm ###
264 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
265 | # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
266 |
267 | # User-specific stuff
268 |
269 | # Generated files
270 |
271 | # Sensitive or high-churn files
272 |
273 | # Gradle
274 |
275 | # Gradle and Maven with auto-import
276 | # When using Gradle or Maven with auto-import, you should exclude module files,
277 | # since they will be recreated, and may cause churn. Uncomment if using
278 | # auto-import.
279 | # .idea/modules.xml
280 | # .idea/*.iml
281 | # .idea/modules
282 | # *.iml
283 | # *.ipr
284 |
285 | # CMake
286 |
287 | # Mongo Explorer plugin
288 |
289 | # File-based project format
290 |
291 | # IntelliJ
292 |
293 | # mpeltonen/sbt-idea plugin
294 |
295 | # JIRA plugin
296 |
297 | # Cursive Clojure plugin
298 |
299 | # Crashlytics plugin (for Android Studio and IntelliJ)
300 |
301 | # Editor-based Rest Client
302 |
303 | # Android studio 3.1+ serialized cache file
304 |
305 | ### WebStorm Patch ###
306 | # Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
307 |
308 | # *.iml
309 | # modules.xml
310 | # .idea/misc.xml
311 | # *.ipr
312 |
313 | # Sonarlint plugin
314 | .idea/**/sonarlint/
315 |
316 | # SonarQube Plugin
317 | .idea/**/sonarIssues.xml
318 |
319 | # Markdown Navigator plugin
320 | .idea/**/markdown-navigator.xml
321 | .idea/**/markdown-navigator/
322 |
323 | ### Windows ###
324 | # Windows thumbnail cache files
325 | Thumbs.db
326 | Thumbs.db:encryptable
327 | ehthumbs.db
328 | ehthumbs_vista.db
329 |
330 | # Dump file
331 | *.stackdump
332 |
333 | # Folder config file
334 | [Dd]esktop.ini
335 |
336 | # Recycle Bin used on file shares
337 | $RECYCLE.BIN/
338 |
339 | # Windows Installer files
340 | *.cab
341 | *.msi
342 | *.msix
343 | *.msm
344 | *.msp
345 |
346 | # Windows shortcuts
347 | *.lnk
348 |
349 | # End of https://www.gitignore.io/api/node,code,react,linux,macos,windows,webstorm,intellij+all
350 |
351 | **/.gcloud
352 |
--------------------------------------------------------------------------------
/src/containers/Requests.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Column,
4 | Table,
5 | AutoSizer,
6 | SortDirection,
7 | SortIndicator,
8 | SortDirectionType,
9 | } from "react-virtualized";
10 | import { useQuery } from "@apollo/react-hooks";
11 | import moment from "moment";
12 | import { useTranslation } from "react-i18next";
13 | import { NEED } from "../graphql-types/need";
14 | import {
15 | need_order_by,
16 | order_by,
17 | } from "../graphql-types/generated/graphql-global-types";
18 | import {
19 | Need,
20 | Need_need_item_category_needs,
21 | NeedVariables,
22 | } from "../graphql-types/generated/Need";
23 | import { RequestTableRowDataType } from "../types";
24 | import {
25 | STPageContainer,
26 | STPageContentWrapper,
27 | } from "../components/shared/styledComponents";
28 | import { useStoreState } from "../store";
29 | import { STPageHeaderWithFilters } from "../components/shared/STPageHeaderWithFilters";
30 | import { STModal } from "../components/shared/STModal";
31 |
32 | export const Requests = () => {
33 | const [isModalOpen, setIsModalOpen] = React.useState(false);
34 | const [requestedItems, setRequestedItems] = React.useState<
35 | Need_need_item_category_needs[]
36 | >([]);
37 | const { t } = useTranslation();
38 |
39 | const city = useStoreState((state) => state.area.city);
40 |
41 | const [sortDirection, setSortDirection] = useState
85 | Something went wrong! Please try again in few minutes. Maybe our
86 | systems got overloaded. Trust me they are working really hard.
87 |
88 | ) : (
89 |
90 |
91 |
104 |
105 |
197 |
198 | )}
199 |
68 |
74 |
75 |
76 | {needsDataError && ( 77 |
93 | {({ width }) => (
94 | {
99 | setSortBy(columnSortBy);
100 | setSortDirection(columnSortDirection);
101 |
102 | let orderBy: need_order_by = {
103 | [columnSortBy]:
104 | columnSortDirection === "ASC"
105 | ? order_by.asc
106 | : order_by.desc,
107 | };
108 |
109 | if (columnSortBy === "city") {
110 | orderBy = {
111 | city: {
112 | name:
113 | columnSortDirection === "ASC"
114 | ? order_by.asc
115 | : order_by.desc,
116 | },
117 | };
118 | }
119 |
120 | needsDataRefetch({
121 | order_by: [orderBy],
122 | }).then();
123 | }}
124 | width={width}
125 | sortBy={sortBy}
126 | height={500}
127 | headerHeight={39}
128 | rowHeight={50}
129 | sortDirection={sortDirection}
130 | className="table"
131 | headerClassName="st-thead"
132 | rowClassName="st-tr"
133 | rowCount={needsData?.need.length}
134 | rowGetter={({ index }) => needsData?.need[index]}
135 | >
136 |
201 | )}
202 |
203 |
204 |
209 |
227 |
228 |
229 | 230 | )} 231 |
232 |
233 |
234 | );
235 | };
236 |
--------------------------------------------------------------------------------
/src/containers/Home.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link } from "react-router-dom";
3 | import { useLazyQuery, useQuery, useSubscription } from "@apollo/react-hooks";
4 | import { useTranslation } from "react-i18next";
5 | import { STRequestCard } from "../components/shared/STRequestCard";
6 | import { STDistributorCard } from "../components/shared/STDistributorCard";
7 | import {
8 | Distributor,
9 | DistributorVariables,
10 | } from "../graphql-types/generated/Distributor";
11 | import { DISTRIBUTOR } from "../graphql-types/distributor";
12 | import { order_by } from "../graphql-types/generated/graphql-global-types";
13 | import { Hero } from "../components/home/Hero";
14 | import { AreaSelection } from "../components/home/AreaSelection";
15 | import { City, CityVariables } from "../graphql-types/generated/City";
16 | import { CITIES, CITY_BY_NEEDS } from "../graphql-types/city";
17 | import { DISTRICT } from "../graphql-types/district";
18 | import { District } from "../graphql-types/generated/District";
19 | import { STSelectOption } from "../types";
20 | import {
21 | getCitiesForSelect,
22 | getDistrictsForSelect,
23 | } from "../helpers/sharedHelpers";
24 | import {
25 | CityByNeeds,
26 | CityByNeedsVariables,
27 | } from "../graphql-types/generated/CityByNeeds";
28 | import { STCitySummaryCard } from "../components/shared/STCitySummaryCard";
29 | import {
30 | LatestNeeds,
31 | LatestNeedsVariables,
32 | } from "../graphql-types/generated/LatestNeeds";
33 | import { LATEST_NEEDS } from "../graphql-types/need";
34 | import { useStoreState } from "../store";
35 |
36 | export const Home = () => {
37 | const { t } = useTranslation();
38 |
39 | const city = useStoreState((state) => state.area.city);
40 | const district = useStoreState((state) => state.area.district);
41 |
42 | // Graphql queries
43 | const {
44 | loading: distributorsDataLoading,
45 | error: distributorsDataError,
46 | data: distributorsData,
47 | } = useQuery76 | {needsDataError && ( 77 |
78 | Something went wrong. I think our servers are getting fried due to
79 | the heavy load. Or something else... We'll look into it!
80 |
81 | )}
82 | {needsDataLoading && (
83 |
84 | )}
85 | {needsData && needsData.need.length === 0 && (
86 |
87 | {t("emptyRequestContent")}
88 |
89 | )}
90 | {!needsDataLoading && needsData && (
91 | <>
92 |
210 |
226 | -
211 |
Item list :
212 | {requestedItems.map((item) => { 213 | return ( 214 |
215 |
219 | {item.item_category.name}
220 |
221 |
222 | );
223 | })}
224 | 229 | 230 | )} 231 |
126 |
150 |
196 |
197 |
198 |
234 |
235 |
236 |
277 |
278 | );
279 | };
280 |
--------------------------------------------------------------------------------
/src/components/privacyPolicyLanguges/PrivacyPolicyEnglish.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {
3 | STPageContainer,
4 | STPageContentWrapper,
5 | } from "../shared/styledComponents";
6 |
7 | export const PrivacyPolicyEnglish = () => {
8 | return (
9 |
130 |
139 | ) : (
140 |
131 |
138 |
132 |
137 |
133 | Something went wrong. I think our servers are getting fried due
134 | to the heavy load. Or something else... We'll look into it!
135 |
136 |
151 |
195 |
152 |
169 |
170 |
153 |
159 |
154 |
158 | 155 | {t("mostRecentDistributors")} 156 |
157 |
160 |
168 |
161 |
162 |
165 |
166 |
167 |
171 | {distributorsDataError && (
172 |
194 |
173 | Something went wrong. I think our servers are getting fried due
174 | to the heavy load. Or something else... We'll look into it!
175 |
176 | )}
177 | {distributorsDataLoading && (
178 |
179 | )}
180 | {distributorsData && distributorsData.distributor.length === 0 && (
181 |
182 | No distributors found. Please be patient.
183 |
184 | )}
185 | {!distributorsDataLoading &&
186 | distributorsData &&
187 | distributorsData.distributor.map((distributor) => (
188 |
199 |
233 |
200 |
210 |
211 |
201 |
209 |
202 |
208 |
203 | {t("citiesWithMostRequest")}
204 | LIVE{" "}
205 |
206 |
207 |
212 | {cityByNeedsDataError && (
213 |
232 |
214 | Something went wrong. I think our servers are getting fried due
215 | to the heavy load. Or something else... We'll look into it!
216 |
217 | )}
218 | {cityByNeedsDataLoading && (
219 |
220 | )}
221 | {cityByNeedsData && cityByNeedsData.city.length === 0 && (
222 |
223 | No cities found. Please be patient.
224 |
225 | )}
226 | {!cityByNeedsDataLoading &&
227 | cityByNeedsData &&
228 | cityByNeedsData.city.map((needCity) => (
229 |
237 |
276 |
238 |
253 |
254 |
239 |
247 |
240 |
246 |
241 | {t("latestRequests")}{" "}
242 | LIVE{" "}
243 |
244 |
245 |
248 |
249 | {t("showMore")}
250 |
251 |
252 |
255 | {latestNeedsDataError && (
256 |
275 |
257 | Something went wrong. I think our servers are getting fried due
258 | to the heavy load. Or something else... We'll look into it!
259 |
260 | )}
261 | {latestNeedsDataLoading && (
262 |
263 | )}
264 | {latestNeedsData && latestNeedsData.need.length === 0 && (
265 |
266 | No requests found. Please be patient.
267 |
268 | )}
269 | {!latestNeedsDataLoading &&
270 | latestNeedsData &&
271 | latestNeedsData.need.map((need) => (
272 |
10 |
11 |
18 |
19 |
20 |
21 |
22 |
46 | 47 |
55 | 56 |
76 | 77 |
103 | 104 |
137 | 138 |
163 | 164 |
193 | 194 |
235 | 236 |
254 |
255 |
256 | );
257 | };
258 |
--------------------------------------------------------------------------------
/src/components/privacyPolicyLanguges/PrivacyPolicySinhala.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {
3 | STPageContainer,
4 | STPageContentWrapper,
5 | } from "../shared/styledComponents";
6 |
7 | export const PrivacyPolicySinhala = () => {
8 | return (
9 |
12 |
17 |
13 |
16 | Privacy Policy
14 |Privacy Policy for Survive Together
15 |22 |
23 | At Survive Together, accessible from{" "} 24 | 25 | https://survivetogether.org 26 | 27 | , one of our main priorities is the privacy of our visitors. This 28 | Privacy Policy document contains types of information that is 29 | collected and recorded by Survive Together and how we use it. 30 |
31 | 32 |33 | If you have additional questions or require more information about 34 | our Privacy Policy, do not hesitate to contact us. 35 |
36 | 37 |38 | This Privacy Policy applies only to our online activities and is 39 | valid for visitors to our website with regards to the information 40 | that they shared and/or collect in Survive Together. This policy is 41 | not applicable to any information collected offline or via channels 42 | other than this website. 43 |
44 | 45 |46 | 47 |
Consent
48 | 49 |50 | By using our website, you hereby consent to our Privacy Policy and 51 | agree to its terms. 52 |
53 | 54 |55 | 56 |
Information we collect
57 | 58 |59 | The personal information that you are asked to provide, and the 60 | reasons why you are asked to provide it, will be made clear to you 61 | at the point we ask you to provide your personal information. 62 |
63 |64 | If you contact us directly, we may receive additional information 65 | about you such as your name, email address, phone number, the 66 | contents of the message and/or attachments you may send us, and any 67 | other information you may choose to provide. 68 |
69 |70 | When you add your personal details (such as name, phone number and 71 | address), this information will be publicly displayed in the website 72 | for whoever which can access it. 73 |
74 | 75 |76 | 77 |
How we use your information
78 | 79 |80 | We use the information we collect (Such as pages you visit using 81 | Google Analytics) in various ways, including to: 82 |
83 | 84 |-
90 |
- Provide, operate, and maintain our website 91 |
- Improve, personalize, and expand our website 92 |
- Understand and analyze how you use our website 93 |
- Develop new products, services, features, and functionality 94 |
- 95 | Communicate with you, either directly or through one of our 96 | partners, to help you fulfill your needs. 97 | 98 |
- Send you emails 99 |
- Find and prevent fraud 100 |
103 | 104 |
Log Files
105 | 106 |107 | Survive Together follows a standard procedure of using log files. 108 | These files log visitors when they visit websites. All hosting 109 | companies do this and a part of hosting services' analytics. 110 | The information collected by log files include internet protocol 111 | (IP) addresses, browser type, Internet Service Provider (ISP), date 112 | and time stamp, referring/exit pages, and possibly the number of 113 | clicks. These are not linked to any information that is personally 114 | identifiable. The purpose of the information is for analyzing 115 | trends, administering the site, tracking users' movement on the 116 | website, and gathering demographic information. Our Privacy Policy 117 | was created with the help of the{" "} 118 | 123 | Privacy Policy Generator 124 | {" "} 125 | and the{" "} 126 | 131 | Privacy Policy Template 132 | 133 | . 134 |
135 | 136 |137 | 138 |
Cookies and Web Beacons
139 | 140 |141 | Like any other website, Survive Together uses{" "} 142 | cookies. These cookies are used to store 143 | information including visitors' preferences, and the pages on 144 | the website that the visitor accessed or visited. The information is 145 | used to optimize the users' experience by customizing our web 146 | page content based on visitors' browser type and/or other 147 | information. 148 |
149 | 150 |151 | For more general information on cookies, please read{" "} 152 | 157 | "What Are Cookies" 158 | 159 | . 160 |
161 | 162 |163 | 164 |
165 | CCPA Privacy Rights (Do Not Sell My Personal Information) 166 |
167 | 168 |169 | Under the CCPA, among other rights, California consumers have the 170 | right to: 171 |
172 |173 | Request that a business that collects a consumer's personal 174 | data disclose the categories and specific pieces of personal data 175 | that a business has collected about consumers. 176 |
177 |178 | Request that a business delete any personal data about the consumer 179 | that a business has collected. 180 |
181 |182 | Request that a business that sells a consumer's personal data, 183 | not sell the consumer's personal data. 184 |
185 |186 | If you make a request, we have one month to respond to you. But 187 | please note that the information you submit to our website are 188 | publicly available. If you would like to exercise any of these 189 | rights, please contact us. 190 |
191 | 192 |193 | 194 |
GDPR Data Protection Rights
195 | 196 |197 | We would like to make sure you are fully aware of all of your data 198 | protection rights. Every user is entitled to the following: 199 |
200 |201 | The right to access – You have the right to request copies of your 202 | personal data. But please note that the information you submit to 203 | our website are publicly available. 204 |
205 |206 | The right to rectification – You have the right to request that we 207 | correct any information you believe is inaccurate. You also have the 208 | right to request that we complete the information you believe is 209 | incomplete. 210 |
211 |212 | The right to erasure – You have the right to request that we erase 213 | your personal data, under certain conditions. 214 |
215 |216 | The right to restrict processing – You have the right to request 217 | that we restrict the processing of your personal data, under certain 218 | conditions. 219 |
220 |221 | The right to object to processing – You have the right to object to 222 | our processing of your personal data, under certain conditions. 223 |
224 |225 | The right to data portability – You have the right to request that 226 | we transfer the data that we have collected to another organization, 227 | or directly to you, under certain conditions. 228 |
229 |230 | If you make a request, we have one month to respond to you. If you 231 | would like to exercise any of these rights, please contact us. 232 |
233 | 234 |235 | 236 |
Children's Information
237 | 238 |239 | Another part of our priority is adding protection for children while 240 | using the internet. We encourage parents and guardians to observe, 241 | participate in, and/or monitor and guide their online activity. 242 |
243 | 244 |245 | Survive Together does not knowingly collect any Personal 246 | Identifiable Information from children under the age of 13. We 247 | recommend you not to provide any personal information relating to 248 | children. If you think that your child provided this kind of 249 | information on our website, we strongly encourage you to contact us 250 | immediately and we will do our best efforts to promptly remove such 251 | information from our records. 252 |
253 |
10 |
11 |
20 |
21 |
22 |
23 |
24 |
47 |
53 |
71 | 72 |
110 | 111 |
144 | 145 |
170 | 171 |
204 | 205 |
247 | 248 |
266 |
267 |
268 | );
269 | };
270 |
--------------------------------------------------------------------------------
/src/containers/CreateDistributor.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { useFieldArray, useForm } from "react-hook-form";
3 | import { Link, useHistory } from "react-router-dom";
4 | import { useQuery } from "@apollo/react-hooks";
5 | import { useToasts } from "react-toast-notifications";
6 | import { useTranslation } from "react-i18next";
7 | import { STPageHeader } from "../components/shared/STPageHeader";
8 | import { STInput } from "../components/shared/STInput";
9 | import { STSelect } from "../components/shared/STSelect";
10 | import { DistributorDataType, STSelectOption } from "../types";
11 | import {
12 | getCitiesForSelect,
13 | getItemCategoriesForSelect,
14 | } from "../helpers/sharedHelpers";
15 | import { executeCreateDistributorMutation } from "../helpers/distributorHelpers";
16 | import { CITIES } from "../graphql-types/city";
17 | import { ITEM_CATEGORIES } from "../graphql-types/itemCategory";
18 | import { City } from "../graphql-types/generated/City";
19 | import { ItemCategory } from "../graphql-types/generated/ItemCategory";
20 | import { DistributorValidationSchema } from "../validations";
21 | import {
22 | STFormArrayRemoveButton,
23 | STPageContainer,
24 | } from "../components/shared/styledComponents";
25 |
26 | export const CreateDistributor = () => {
27 | const { t } = useTranslation();
28 |
29 | const { addToast } = useToasts();
30 | const history = useHistory();
31 | const [isLoading, setIsLoading] = useState
12 |
19 |
13 |
18 | රහස්යතා ප්රතිපත්ති
14 |15 | Survive Together වෙබ් අඩවිය සඳහා රහස්යතා ප්රතිපත්ති 16 |
17 |24 |
25 | 26 | https://survivetogether.org/ 27 | 28 | වෙතින් ප්රවේශ විය හැකි Survive Together හි අපගේ ප්රධාන 29 | ප්රමුඛතාවයන්ගෙන් එකක් වන්නේ මෙම වෙබ් අඩවියට පැමිණෙන පුද්ගලයන්ගේ 30 | පෞද්ගලිකත්වයයි. මෙම රහස්යතා ප්රතිපත්ති ලේඛනයේ Survive Together 31 | විසින් එකතු කරන ලද / පටිගත කරන ලද තොරතුරු වර්ග සහ අප එය භාවිතා කරන 32 | ආකාරය අඩංගු වේ. 33 |
34 |35 | ඔබට අමතර ප්රශ්න ඇත්නම් හෝ අපගේ රහස්යතා ප්රතිපත්තිය පිළිබඳ වැඩි 36 | විස්තර අවශ්ය නම්, අප හා සම්බන්ධ වීමට පසුබට නොවන්න. 37 |
38 |39 | මෙම රහස්යතා ප්රතිපත්තිය අදාළ වන්නේ අපගේ අන්තර්ජාල (Online) 40 | ක්රියාකාරකම් සඳහා පමණක් වන අතර අපගේ වෙබ් අඩවියට පැමිණෙන පුද්ගලයන්ට 41 | වලංගු වන්නේ ඔවුන් බෙදාගත් සහ/ හෝ Survive Together තුළ එකතු කළ 42 | තොරතුරු සම්බන්ධයෙන් පමණි. මෙම ප්රතිපත්තිය අන්තර්ජාලයෙන් බැහැරව 43 | (Offline) හෝ මෙම වෙබ් අඩවිය හැර වෙනත් නාලිකා හරහා එකතු කරන ලද 44 | තොරතුරු වලට අදාළ නොවේ. 45 |
46 |47 |
ප්රතිඥාව
48 |49 | අපගේ වෙබ් අඩවිය භාවිතා කිරීමෙන්, ඔබ මෙයින් අපගේ රහස්යතා 50 | ප්රතිපත්තියට එකඟ වන අතර එහි නියමයන්ට එකඟ වේ. 51 |
52 |53 |
අප රැස් කරන තොරතුරු
54 |55 | ඔබෙන් ඉල්ලා සිටින පුද්ගලික තොරතුරු, සහ එය ලබා දීමට ඔබෙන් ඉල්ලා 56 | සිටීමට හේතු, ඔබේ පුද්ගලික තොරතුරු ලබා දෙන ලෙස අපි ඔබෙන් ඉල්ලා සිටින 57 | මොහොතේදී ඔබට පැහැදිලි වනු ඇත. 58 |
59 |60 | ඔබ අපව සෘජු ලෙස සම්බන්ධ කර ගන්නේ නම්, ඔබගේ නම, ඊමේල් ලිපිනය, දුරකථන 61 | අංකය, පණිවිඩයේ අන්තර්ගතය සහ / හෝ ඔබ අප වෙත එවිය හැකි ඇමුණුම් සහ ඔබ 62 | සැපයීමට තෝරාගන්නා වෙනත් තොරතුරු වැනි අමතර දත්ත අපට ලැබෙනු ඇත. 63 |
64 |65 | ඔබ ඔබේ පුද්ගලික තොරතුරු (නම, දුරකථන අංකය සහ ලිපිනය වැනි) එකතු කළ 66 | විට, මෙම තොරතුරු වෙබ් අඩවියට පිවිසිය හැකි ඕනෑම අයෙකුට ප්රසිද්ධියේ 67 | පෙන්වනු ඇත. 68 |
69 | 70 |71 | 72 |
අපි ඔබේ තොරතුරු භාවිතා කරන ආකාරය
73 | 74 |75 | අපි එකතු කරන තොරතුරු (ගූගල් විශ්ලේෂණ භාවිතා කරමින් ඔබ පිවිසෙන පිටු 76 | වැනි) විවිධ ආකාරවලින් භාවිතා කරමු: 77 |
78 | 79 |-
85 |
- 86 | අපගේ වෙබ් අඩවිය සැපයීම, ක්රියාත්මක කිරීම සහ නඩත්තු කිරීම සඳහා. 87 | 88 |
- 89 | අපගේ වෙබ් අඩවිය වැඩි දියුණු කිරීම, පුද්ගලීකරණය කිරීම සහ පුළුල් 90 | කිරීම සඳහා. 91 | 92 |
- 93 | ඔබ අපගේ වෙබ් අඩවිය භාවිතා කරන ආකාරය තේරුම් ගෙන විශ්ලේෂණය කිරීම 94 | සඳහා. 95 | 96 |
- 97 | {" "} 98 | නව නිෂ්පාදන, සේවා, විශේෂාංග සහ ක්රියාකාරීත්වය සංවර්ධනය කිරීම 99 | සඳහා. 100 | 101 |
- 102 | ඔබගේ අවශ්යතා සපුරාලීමට ඔබට උපකාර කිරීම සඳහා සෘජු ලෙස හෝ අපගේ 103 | හවුල්කරුවෙකු හරහා ඔබ සමඟ සන්නිවේදනය කිරීම සඳහා. 104 | 105 |
- ඔබට ඊමේල් යැවීම සඳහා. 106 |
- වංචා සොයාගෙන වළක්වා ගැනීම සඳහා. 107 |
110 | 111 |
ලඝුගත ලිපිගොනු
112 | 113 |114 | Survive Together ලඝුගත ලිපිගොනු භාවිතා කිරීමේ සම්මත ක්රියා 115 | පටිපාටියක් අනුගමනය කිරීම සිදුකරයි. මෙම ලිපිගොනු පුද්ගලයන් වෙබ් අඩවි 116 | වලට පිවිසෙන විට ලඝුගත වේ. සියලුම සත්කාරක සමාගම් මෙය සිදු කරන අතර, 117 | මෙය සත්කාරක සේවා විශ්ලේෂණවල කොටසකි. ලඝුගත ලිපිගොනු මගින් රැස්කරන 118 | තොරතුරු අතරට අන්තර්ජාල ප්රොටෝකෝලය (IP) ලිපින, බ්රව්සර් වර්ගය, 119 | අන්තර්ජාල සේවා සැපයුම්කරු (ISP), දිනය සහ වේලාව මුද්දරය, පිටු යොමු 120 | කිරීම / පිටවීම සහ සමහර අවස්තා වල ක්ලික් කිරීම් ගණන ඇතුළත් වේ. 121 | පුද්ගලිකව හඳුනාගත හැකි කිසිදු තොරතුරකට මේවා සම්බන්ධ නොවේ. තොරතුරු වල 122 | පරමාර්ථය වන්නේ ප්රවණතා විශ්ලේෂණය කිරීම, වෙබ් අඩවිය පරිපාලනය කිරීම, 123 | වෙබ් අඩවියේ පරිශීලකයින්ගේ චලනයන් නිරීක්ෂණය කිරීම සහ ජන විකාශ තොරතුරු 124 | රැස් කිරීම ය. අපගේ රහස්යතා ප්රතිපත්තිය නිර්මාණය කරන ලද්දේ 125 | 130 | “රහස්යතා ප්රතිපත්ති උත්පාදක” 131 | {" "} 132 | සහ{" "} 133 | 138 | “රහස්යතා ප්රතිපත්ති මර්ගකය” 139 | 140 | ආධාරයෙන් ය. 141 |
142 | 143 |144 | 145 |
කුකීස් සහ වෙබ් බීකන්ස්
146 | 147 |148 | වෙනත් ඕනෑම වෙබ් අඩවියක් මෙන්, Survive Together{" "} 149 | කුකීස් භාවිතා කරයි. මෙම කුකීස් නරඹන්නන්ගේ මනාපයන් 150 | සහ පුද්ගලයින් ප්රවේශ වූ හෝ පිවිසුණු වෙබ් අඩවියේ පිටු ඇතුළු තොරතුරු 151 | ගබඩා කිරීමට භාවිතා කරයි. වෙබ් අඩවිය තුලට පුද්ගලයන් පැමිණි බ්රව්සර් 152 | වර්ගය සහ / හෝ වෙනත් තොරතුරු මත පදනම්ව අපගේ වෙබ් පිටු අන්තර්ගතය 153 | රිසිකරණය කිරීමෙන් පරිශීලකයින්ගේ අත්දැකීම් ප්රශස්ත කිරීම සඳහා 154 | තොරතුරු භාවිතා කරයි. 155 |
156 | 157 |158 | කුකීස් පිළිබඳ වැඩි විස්තර සඳහා කරුණාකර{" "} 159 | 164 | "කුකීස් යනු කුමක්ද" 165 | {" "} 166 | කියවන්න. 167 |
168 | 169 |170 | 171 |
172 | CCPA රහස්යතා අයිතිවාසිකම් (මාගේ පුද්ගලික තොරතුරු විකිණීමෙන් 173 | වලකින්න) 174 |
175 | 176 |177 | CCPA යටතේ, වෙනත් අයිතිවාසිකම් අතර, කැලිෆෝනියා පාරිභෝගිකයින්ට පහත 178 | සඳහන් දේ කිරීමට අයිතිය ඇත: 179 |
180 |181 | ව්යාපාරයක් විසින් පාරිභෝගිකයෙකුගේ එකතු කරන ලද පුද්ගලික දත්ත ඉල්ලා 182 | සිටීම. 183 |
184 |185 | ව්යාපාරයක් විසින් පාරිභෝගිකයින් පිළිබඳව එකතු කර ඇති පුද්ගලික දත්ත 186 | කාණ්ඩ සහ විශේෂිත කොටස් අනාවරණය කර සිටීම. 187 |
188 |189 | ව්යාපාරයක් විසින් එකතු කරන ලද පාරිභෝගිකයා පිළිබඳ පුද්ගලික දත්ත මකා 190 | දැමීමට ව්යාපාරයෙන් ඉල්ලීමක් කර සිටීම. 191 |
192 |193 | ව්යාපාරයක් විසින් පාරිභෝගිකයෙකුගේ පුද්ගලික දත්ත විකුණන අවස්ථාවකදී 194 | එම පාරිභෝගිකයාගේ පුද්ගලික දත්ත විකිනීමට ඉඩ නොදෙන ලෙස ඉල්ලා සිටීම. 195 |
196 |197 | ඔබ ඉල්ලීමක් කරන්නේ නම්, ඔබට ප්රතිචාර දැක්වීමට අපට මාසයක් තිබේ. 198 | නමුත් ඔබ අපගේ වෙබ් අඩවියට ඉදිරිපත් කරන තොරතුරු ප්රසිද්ධියේ ලබා ගත 199 | හැකි බව කරුණාවෙන් සලකන්න. ඔබ මෙම අයිතිවාසිකම්වලින් එකක් හෝ 200 | ක්රියාත්මක කිරීමට කැමති නම්, කරුණාකර අප හා සම්බන්ධ වන්න. 201 |
202 | 203 |204 | 205 |
GDPR දත්ත ආරක්ෂණ අයිතිවාසිකම්
206 | 207 |208 | ඔබගේ සියලු දත්ත ආරක්ෂණ අයිතිවාසිකම් පිළිබඳව ඔබ හොඳින් දැන සිටින බවට 209 | සහතික කර ගැනීමට අපි කැමතියි. සෑම පරිශීලකයෙකුටම පහත සඳහන් දේ සඳහා 210 | හිමිකම් ඇත: 211 |
212 |213 | ප්රවේශ වීමේ අයිතිය - ඔබේ පුද්ගලික දත්තවල පිටපත් ඉල්ලා සිටීමට ඔබට 214 | අයිතියක් ඇත. නමුත් ඔබ අපගේ වෙබ් අඩවියට ඉදිරිපත් කරන තොරතුරු 215 | ප්රසිද්ධියේ ලබා ගත හැකි බව කරුණාවෙන් සලකන්න. 216 |
217 |218 | නිවැරදි කිරීමේ අයිතිය - සාවද්ය යැයි ඔබ විශ්වාස කරන ඕනෑම තොරතුරක් අප 219 | විසින් නිවැරදි කරන ලෙස ඉල්ලා සිටීමට ඔබට අයිතියක් ඇත. අසම්පූර්ණ යැයි 220 | ඔබ විශ්වාස කරන තොරතුරු සම්පුර්ණ කරන ලෙස ඉල්ලා සිටීමට ඔබට අයිතියක් 221 | ඇත. 222 |
223 |224 | මකාදැමීමේ අයිතිය - යම් කොන්දේසි යටතේ ඔබගේ පුද්ගලික දත්ත මකා දමන ලෙස 225 | ඉල්ලා සිටීමට ඔබට අයිතියක් ඇත. 226 |
227 |228 | සැකසීම සීමා කිරීමේ අයිතිය - යම් යම් කොන්දේසි යටතේ ඔබේ පුද්ගලික දත්ත 229 | සැකසීම සීමා කරන ලෙස ඉල්ලා සිටීමට ඔබට අයිතියක් ඇත. 230 |
231 |232 | සැකසීමට විරෝධය දැක්වීමේ අයිතිය - යම් යම් කොන්දේසි යටතේ ඔබේ පුද්ගලික 233 | දත්ත සැකසීමට විරෝධය දැක්වීමට ඔබට අයිතියක් ඇත. 234 |
235 |236 | දත්ත සුවහබවට ඇති අයිතිය - අප විසින් රැස් කරන ලද දත්ත වෙනත් ආයතනයකට 237 | හෝ සෘජුවම ඔබට යම් කොන්දේසි යටතේ මාරු කරන ලෙස ඉල්ලා සිටීමට ඔබට 238 | අයිතියක් ඇත. 239 |
240 |241 | ඔබ ඉල්ලීමක් කරන්නේ නම්, ඔබට ප්රතිචාර දැක්වීමට අපට මාසයක් තිබේ. ඔබ 242 | මෙම අයිතිවාසිකම්වලින් එකක් හෝ ක්රියාත්මක කිරීමට කැමති නම්, කරුණාකර 243 | අප හා සම්බන්ධ වන්න. 244 |
245 | 246 |247 | 248 |
ළමා තොරතුරු
249 | 250 |251 | අපගේ ප්රමුඛතාවයේ තවත් කොටසක් වන්නේ අන්තර්ජාලය භාවිතා කරන අතරතුර 252 | ළමයින් සඳහා ආරක්ෂාව එක් කිරීමයි. ඔවුන්ගේ අන්තර්ජාල ක්රියාකාරකම් 253 | නිරීක්ෂණය කිරීමට, සහභාගී වීමට සහ / හෝ අධීක්ෂණයට සහ මග පෙන්වීමට අපි 254 | දෙමාපියන් සහ භාරකරුවන් දිරිමත් කරමු. 255 |
256 | 257 |258 | වයස අවුරුදු 13 ට අඩු ළමයින්ගෙන් පෞද්ගලිකව හඳුනාගත හැකි තොරතුරු 259 | දැනුවත්ව එකතු කර නොගනී. ළමයින් සම්බන්ධ කිසිදු පෞද්ගලික තොරතුරක් ලබා 260 | නොදෙන ලෙස අපි ඔබට නිර්දේශ කරමු. ඔබේ දරුවා අපගේ වෙබ් අඩවියේ මෙවැනි 261 | තොරතුරු ලබා දී ඇතැයි ඔබ සිතන්නේ නම්, වහාම අපව සම්බන්ධ කර ගන්නා ලෙස 262 | අපි ඔබව තරයේ දිරිමත් කරමු. එවැනි තොරතුරු අපගේ වාර්තාවලින් වහාම ඉවත් 263 | කිරීමට අපි අපගේ උපරිම උත්සාහය දරන්නෙමු. 264 |
265 |
100 |
106 | {citiesDataError || itemCategoriesDataError ? (
107 |
371 |
372 | );
373 | };
374 |
--------------------------------------------------------------------------------
108 | Something went wrong! Please try again in few minutes. Maybe our
109 | systems got overloaded. Trust me they are working really hard.
110 |
111 | ) : (
112 |
113 |
114 |
121 |
122 |
368 |
369 | )}
370 |
115 |
117 | {t("infoTitle")}
116 |
118 |
120 | {t("infoDistributor")}
119 |