6 | {children}
7 |
8 | )
9 |
10 | export default SettingsSection
11 |
--------------------------------------------------------------------------------
/apollo.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | client: {
3 | includes: ['./**/*.js'],
4 | excludes: ['./**/*.js.test'],
5 | service: {
6 | name: 'local Hylo GraphQL',
7 | url: 'http://localhost:3001/noo/graphql',
8 | skipSSLValidation: true
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/routes/MemberProfile/MemberPosts/MemberPosts.scss:
--------------------------------------------------------------------------------
1 | .subhead {
2 | composes: hdr-headline from 'css/typography.scss';
3 | margin: $space-8x 0 $space-6x 0;
4 | }
5 |
6 | .activity-item {
7 | margin: $space-5x 0;
8 |
9 | a:first-child {
10 | text-decoration: none;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/routes/MemberProfile/MemberVotes/MemberVotes.scss:
--------------------------------------------------------------------------------
1 | .subhead {
2 | composes: hdr-headline from 'css/typography.scss';
3 | margin: $space-8x 0 $space-6x 0;
4 | }
5 |
6 | .activity-item {
7 | margin: $space-5x 0;
8 |
9 | a:first-child {
10 | text-decoration: none;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/public/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 | {example}
9 | }
10 | ReplaceComponent.propTypes = {
11 | example: string
12 | }
13 |
--------------------------------------------------------------------------------
/src/components/CreateGroup/__snapshots__/CreateGroup.connector.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CreateGroup.connector mapDispatchToProps maps the action generators 1`] = `
4 | Object {
5 | "createGroup": [Function],
6 | "fetchGroupExists": [Function],
7 | "goBack": [Function],
8 | "goToGroup": [Function],
9 | }
10 | `;
11 |
--------------------------------------------------------------------------------
/src/components/Map/Map.scss:
--------------------------------------------------------------------------------
1 | .tooltip {
2 | position: absolute;
3 | z-index: 0;
4 | pointerEvents: none;
5 | border-radius: 4px;
6 | background-color: white;
7 | padding: 0 15px;
8 | color: rgba(87, 102, 123, 1.000);
9 | box-shadow: $box-shadow-default;
10 | line-height: 28px;
11 |
12 | p {
13 | margin: 0;
14 | padding: 0;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/scripts/generate.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | const program = require('commander')
3 |
4 | program
5 | .version('0.0.1')
6 | .command('component [ComponentName]', 'create a new component')
7 | .command('store [ComponentName]', 'add a store file for an existing component')
8 | .command('model [ModelName]', 'coming soon to a cli near you!')
9 | .parse(process.argv)
10 |
--------------------------------------------------------------------------------
/src/components/RoundImageRow/RoundImageRow.test.js:
--------------------------------------------------------------------------------
1 | import RoundImageRow from './RoundImageRow'
2 | import { shallow } from 'enzyme'
3 | import React from 'react'
4 |
5 | it('displays a RoundImage for every url', () => {
6 | const wrapper = shallow(
11 | {t('group privacy settings')}
12 |
13 | )
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/Widget/StewardsWidget/StewardsWidget.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import { useTranslation } from 'react-i18next'
4 | import './StewardsWidget.scss'
5 |
6 | export default function StewardsWidget (props) {
7 | const { t } = useTranslation()
8 |
9 | return (
10 |
11 | {t('The stewards go here')}
12 |
13 | )
14 | }
15 |
--------------------------------------------------------------------------------
/src/store/presenters/presentComment.js:
--------------------------------------------------------------------------------
1 | export default function presentComment (comment, groupSlug = undefined) {
2 | if (!comment || !comment.post) return
3 | return {
4 | ...comment.ref,
5 | creator: comment.creator.ref,
6 | post: comment.post.ref,
7 | attachments: comment.attachments
8 | .orderBy('position').toModelArray(),
9 | slug: groupSlug
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/TextInput/TextInput.test.js:
--------------------------------------------------------------------------------
1 | import TextInput from './TextInput'
2 | import { shallow } from 'enzyme'
3 | import React from 'react'
4 |
5 | describe('TextInput', () => {
6 | it('renders correctly', () => {
7 | const wrapper = shallow(
13 | hello there
14 |
15 |
8 |
11 | )
12 | }
13 |
--------------------------------------------------------------------------------
/src/routes/GroupSettings/ExportDataTab/ExportDataTab.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | // empty
3 | }
4 |
5 | .title {
6 | composes: hdr-display from 'css/typography.scss';
7 | margin-bottom: 10px;
8 | padding: 0
9 | }
10 |
11 | .subtitle {
12 | composes: hdr-headline from 'css/typography.scss';
13 | color: $color-rhino-80;
14 | }
15 |
16 | .help {
17 | color: $color-rhino-60;
18 | margin-bottom: 16px;
19 | }
20 |
--------------------------------------------------------------------------------
/src/routes/MemberProfile/RecentActivity/RecentActivity.scss:
--------------------------------------------------------------------------------
1 | .subhead {
2 | composes: hdr-headline from 'css/typography.scss';
3 | margin: $space-8x 0 $space-6x 0;
4 | }
5 |
6 | .activity-item {
7 | margin: 20px 0;
8 | background-color: rgba(255,255,255,1);
9 | border-radius: 5px;
10 | box-shadow: 0 4px 10px rgb(35 65 90 / 20%);
11 |
12 | a:first-child {
13 | text-decoration: none;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/store/models/Widget.js:
--------------------------------------------------------------------------------
1 | import { attr, Model } from 'redux-orm'
2 |
3 | class Widget extends Model {
4 | toString () {
5 | return `Widget: ${this.name}`
6 | }
7 | }
8 |
9 | export default Widget
10 |
11 | Widget.modelName = 'Widget'
12 |
13 | Widget.fields = {
14 | id: attr(),
15 | name: attr(),
16 | isVisible: attr(),
17 | order: attr(),
18 | context: attr(),
19 | settings: attr()
20 | }
21 |
--------------------------------------------------------------------------------
/src/store/selectors/getMyMemberships.js:
--------------------------------------------------------------------------------
1 | import { createSelector as ormCreateSelector } from 'redux-orm'
2 | import orm from 'store/models'
3 |
4 | const getMyMemberships = ormCreateSelector(
5 | orm,
6 | ({ Me, Membership }) => {
7 | const me = Me.first()
8 | if (!me) return []
9 | return Membership.filter({ person: me.id }).toModelArray()
10 | }
11 | )
12 |
13 | export default getMyMemberships
14 |
--------------------------------------------------------------------------------
/src/routes/PostDetail/Comments/ShowMore.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './ShowMore.scss'
3 |
4 | export default function ShowMore ({ commentsLength, total, hasMore, fetchComments }) {
5 | if (!hasMore) return null
6 |
7 | const extra = total - commentsLength
8 |
9 | return {message}
9 | 10 |
10 | View {extra} previous comment{extra > 1 ? 's' : ''}
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/src/store/actions/fetchNotificationSettings.js:
--------------------------------------------------------------------------------
1 | import { FETCH_NOTIFICATION_SETTINGS } from 'store/constants'
2 |
3 | export default function fetchNoticationSettings (token) {
4 | return {
5 | type: FETCH_NOTIFICATION_SETTINGS,
6 | payload: {
7 | api: {
8 | path: '/noo/user/notification-settings',
9 | method: 'GET',
10 | params: { token }
11 | }
12 | }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/store/models/PostMembership.js:
--------------------------------------------------------------------------------
1 | import { attr, fk, Model } from 'redux-orm'
2 |
3 | class PostMembership extends Model {
4 | toString () {
5 | return `PostMembership: ${this.id}`
6 | }
7 | }
8 |
9 | export default PostMembership
10 |
11 | PostMembership.modelName = 'PostMembership'
12 | PostMembership.fields = {
13 | id: attr(),
14 | pinned: attr(),
15 | group: fk('Group', 'postMemberships')
16 | }
17 |
--------------------------------------------------------------------------------
/src/store/reducers/ormReducer/clearCacheFor.test.js:
--------------------------------------------------------------------------------
1 | import clearCacheFor from './clearCacheFor'
2 |
3 | describe('clearCacheFor', () => {
4 | it('runs expected Redux ORM cache clear hack', () => {
5 | const ModelClass = {
6 | withId: jest.fn(() => ModelClass),
7 | update: jest.fn()
8 | }
9 | clearCacheFor(ModelClass, '10')
10 | expect(ModelClass.update).toHaveBeenCalled()
11 | })
12 | })
13 |
--------------------------------------------------------------------------------
/src/util/filterDeletedUsers.test.js:
--------------------------------------------------------------------------------
1 | import filterDeletedUsers from './filterDeletedUsers'
2 |
3 | it('Returns true for regular user', () => {
4 | const testUser = { name: 'Flowers' }
5 | expect(filterDeletedUsers(testUser)).toBeTruthy()
6 | })
7 |
8 | it('Returns false for deleted user', () => {
9 | const deletedUser = { name: 'Deleted User' }
10 | expect(filterDeletedUsers(deletedUser)).toBeFalsy()
11 | })
12 |
--------------------------------------------------------------------------------
/src/util/webView.js:
--------------------------------------------------------------------------------
1 | export function sendMessageToWebView (type, data) {
2 | if (!type) {
3 | throw new Error('Must provide a message `type` when sending a message to the WebView')
4 | }
5 |
6 | isWebView() && window.ReactNativeWebView.postMessage(JSON.stringify({ type, data }))
7 | }
8 |
9 | export default function isWebView () {
10 | return typeof window !== 'undefined' && window.ReactNativeWebView
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/PeopleTyping/PeopleTyping.connector.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { clearUserTyping, getPeopleTyping } from './PeopleTyping.store'
3 |
4 | export function mapStateToProps (state, props) {
5 | return {
6 | peopleTyping: getPeopleTyping(state)
7 | }
8 | }
9 |
10 | export const mapDispatchToProps = { clearUserTyping }
11 |
12 | export default connect(mapStateToProps, mapDispatchToProps)
13 |
--------------------------------------------------------------------------------
/src/routes/OAuth/Consent/Consent.test.js:
--------------------------------------------------------------------------------
1 | import Consent from './Consent'
2 | import { render, screen } from 'util/testing/reactTestingLibraryExtended'
3 | import React from 'react'
4 |
5 | it('renders correctly', () => {
6 | render(
7 |
16 | Log in
17 |
18 | `;
19 |
--------------------------------------------------------------------------------
/src/store/actions/leaveProject.js:
--------------------------------------------------------------------------------
1 | import { LEAVE_PROJECT } from 'store/constants'
2 |
3 | export default function (id) {
4 | return {
5 | type: LEAVE_PROJECT,
6 | graphql: {
7 | query: `mutation ($id: ID) {
8 | leaveProject (id: $id) {
9 | success
10 | }
11 | }`,
12 | variables: {
13 | id
14 | }
15 | },
16 | meta: {
17 | id
18 | }
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/public/apple-app-site-association:
--------------------------------------------------------------------------------
1 | {
2 | "applinks": {
3 | "apps": [],
4 | "details": [
5 | {
6 | "appID": "L4KZBPS2F3.com.hylo.HyloA",
7 | "paths": [
8 | "/noo/login/token",
9 | "/noo/login/jwt",
10 | "NOT /noo/*",
11 | "*"
12 | ]
13 | }
14 | ]
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/src/store/models/Message.js:
--------------------------------------------------------------------------------
1 | import { attr, fk, Model } from 'redux-orm'
2 |
3 | class Message extends Model {
4 | toString () {
5 | return `Message: ${this.id}`
6 | }
7 | }
8 |
9 | export default Message
10 |
11 | Message.modelName = 'Message'
12 |
13 | Message.fields = {
14 | id: attr(),
15 | text: attr(),
16 | creator: fk('Person'),
17 | createdAt: attr(),
18 | messageThread: fk('MessageThread', 'messages')
19 | }
20 |
--------------------------------------------------------------------------------
/src/store/selectors/getQuerystringParam.js:
--------------------------------------------------------------------------------
1 | import { pick } from 'lodash/fp'
2 | import qs from 'querystring'
3 |
4 | const getQuerystringParam = (key, props) => {
5 | if (!props.location) throw new Error(`getQuerystringParam('${key}') missing props.location`)
6 | const query = qs.parse(props.location.search.substring(1))
7 | return Array.isArray(key) ? pick(key, query) : query[key]
8 | }
9 |
10 | export default getQuerystringParam
11 |
--------------------------------------------------------------------------------
/src/components/FlagGroupContent/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import FlagGroupContent from './FlagGroupContent'
3 | import ReactDOM from 'react-dom'
4 | import { rootDomId } from 'client/util'
5 |
6 | const FlagGroupContentPortal = function (props) {
7 | return ReactDOM.createPortal(
8 | {example}
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/PostCard/PostCompletion/PostCompletion.scss:
--------------------------------------------------------------------------------
1 | .postCompletion {
2 | background-color: #F2F2F2;
3 | color: $color-regent;
4 | font-size: 14px;
5 | display: flex;
6 | align-items: center;
7 | justify-content: space-between;
8 | margin: 8px;
9 | padding: 15px;
10 | background: rgba(213, 236, 250, .3);
11 | border: 1px dashed rgba(213, 236, 250, 1);
12 | border-radius: 5px;
13 |
14 | div { line-height: 29px; }
15 | }
16 |
--------------------------------------------------------------------------------
/src/graphql/queries/SubCommentsQuery.graphql:
--------------------------------------------------------------------------------
1 | #import "../fragments/CommentFieldsFragment.graphql"
2 |
3 | query SubCommentsQuery (
4 | $id: ID,
5 | $cursor: ID
6 | ) {
7 | comment(id: $id) {
8 | id
9 | childComments(first: 10, cursor: $cursor, order: "desc") {
10 | items {
11 | ...CommentFields
12 | post {
13 | id
14 | }
15 | }
16 | total
17 | hasMore
18 | }
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/routes/Messages/CloseMessages/CloseMessages.scss:
--------------------------------------------------------------------------------
1 | .close-messages {
2 | cursor: pointer;
3 | padding: $space-2x 0;
4 |
5 | &:hover {
6 | text-decoration: none;
7 |
8 | .close-messages-icon {
9 | color: $color-rhino-60;
10 | }
11 | }
12 | }
13 |
14 | @media screen and (max-width: 650px) {
15 | .close-messages {
16 | position: absolute;
17 | left: 7px;
18 | z-index: 5;
19 | top: 22px;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/store/models/PersonConnection.js:
--------------------------------------------------------------------------------
1 | import { attr, fk, Model } from 'redux-orm'
2 |
3 | class PersonConnection extends Model {
4 | toString () {
5 | return `PersonConnection: ${this.type}`
6 | }
7 | }
8 |
9 | export default PersonConnection
10 |
11 | PersonConnection.modelName = 'PersonConnection'
12 | PersonConnection.fields = {
13 | person: fk('Person'),
14 | type: attr(),
15 | createdAt: attr(),
16 | updatedAt: attr()
17 | }
18 |
--------------------------------------------------------------------------------
/src/components/Affiliation/__snapshots__/Affiliation.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Affiliation matches last snapshot 1`] = `
4 |
7 |
21 | `;
22 |
--------------------------------------------------------------------------------
/src/store/selectors/isGroupRoute.js:
--------------------------------------------------------------------------------
1 | import { createSelector } from 'reselect'
2 | import getRouteParam from './getRouteParam'
3 |
4 | const isGroupRoute = createSelector(
5 | getSlugFromLocation,
6 | slug => !!slug
7 | )
8 |
9 | export default isGroupRoute
10 |
11 | export function getSlugFromLocation (state, props) {
12 | return getRouteParam('detailGroupSlug', props, false) || getRouteParam('groupSlug', props, false) || props.groupSlug
13 | }
14 |
--------------------------------------------------------------------------------
/src/graphql/fragments/groupsQueryFragment.js:
--------------------------------------------------------------------------------
1 | import groupFieldsFragment from 'graphql/fragments/groupFieldsFragment'
2 |
3 | const groupsQueryFragment = `
4 | groups(
5 | boundingBox: $boundingBox,
6 | context: $context,
7 | parentSlugs: $parentSlugs,
8 | search: $search,
9 | sortBy: $sortBy,
10 | visibility: $visibility
11 | ) {
12 | items {
13 | ${groupFieldsFragment(false)}
14 | }
15 | }`
16 |
17 | export default groupsQueryFragment
18 |
--------------------------------------------------------------------------------
/src/routes/UserSettings/AccountSettingsTab/AccountSettingsTab.test.js:
--------------------------------------------------------------------------------
1 | import AccountSettingsTab from './AccountSettingsTab'
2 | import { shallow } from 'enzyme'
3 | import React from 'react'
4 |
5 | describe('AccountSettingsTab', () => {
6 | it('renders correctly', () => {
7 | const wrapper = shallow(
10 | Cheesemonger
11 |
12 |
13 | at
14 |
15 |
18 | La Fromagerie
19 |
20 |
10 |
11 |
12 |
13 |
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/server/newrelic.js:
--------------------------------------------------------------------------------
1 | const newrelic = process.env.NEW_RELIC_LICENSE_KEY && process.env.NODE_ENV !== 'test'
2 | ? require('newrelic')
3 | : null
4 |
5 | export function getBrowserSnippet () {
6 | if (!newrelic) return ''
7 | // FIXME: this should be changed to represent the actual page being loaded.
8 | // it's here for now only because it's required for the browser snippet
9 | newrelic.setTransactionName('/')
10 | return newrelic.getBrowserTimingHeader()
11 | }
12 |
--------------------------------------------------------------------------------
/src/store/models/Topic.js:
--------------------------------------------------------------------------------
1 | import { attr, Model } from 'redux-orm'
2 |
3 | export const TOPIC_VISIBILITY = {
4 | 0: 'Hidden',
5 | 1: 'Visible',
6 | 2: 'Pinned'
7 | }
8 |
9 | class Topic extends Model {
10 | toString () {
11 | return `Topic: ${this.name}`
12 | }
13 | }
14 |
15 | export default Topic
16 |
17 | Topic.modelName = 'Topic'
18 |
19 | Topic.fields = {
20 | id: attr(),
21 | name: attr(),
22 | postsTotal: attr(),
23 | followersTotal: attr()
24 | }
25 |
--------------------------------------------------------------------------------
/src/store/selectors/getGroupForDetails.js:
--------------------------------------------------------------------------------
1 | import { createSelector as ormCreateSelector } from 'redux-orm'
2 | import orm from 'store/models'
3 | import getRouteParam from 'store/selectors/getRouteParam'
4 |
5 | const getGroupForDetail = ormCreateSelector(
6 | orm,
7 | (state, props) => props.slug || getRouteParam('detailGroupSlug', props) || getRouteParam('groupSlug', props),
8 | ({ Group }, slug) => Group.safeGet({ slug })
9 | )
10 |
11 | export default getGroupForDetail
12 |
--------------------------------------------------------------------------------
/src/components/PostCard/EventDate/EventDate.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Moment from 'moment-timezone'
3 | import './EventDate.scss'
4 |
5 | export default function EventDate ({ startTime }) {
6 | if (!startTime) return null
7 | const startTimeMoment = Moment(startTime)
8 | return
9 | {startTimeMoment.format('MMM')}
10 | {startTimeMoment.format('D')}
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/scripts/build-es5.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | if ! test -e package.json; then
3 | echo "Run this script from the app's root directory."
4 | exit 1
5 | fi
6 |
7 | export NODE_ENV=production
8 | for dir in src scripts; do
9 | ./node_modules/.bin/babel --config-file ./babel.config.js --env-name server $dir --out-dir es5/$dir
10 | done
11 |
12 | for file in `find src -name "*.scss"`; do
13 | dest=`echo $file | sed 's/^/es5\//'`
14 | mkdir -p `dirname $dest`
15 | cp $file $dest
16 | done
17 |
--------------------------------------------------------------------------------
/src/routes/GroupSettings/ImportExportSettingsTab/ImportExportSettingsTab.test.js:
--------------------------------------------------------------------------------
1 | import ImportExportSettingsTab from './ImportExportSettingsTab'
2 | import { shallow } from 'enzyme'
3 | import React from 'react'
4 |
5 | it('renders correctly', () => {
6 | const group = {
7 | id: 1,
8 | name: 'Hylo'
9 | }
10 |
11 | const wrapper = shallow(-
8 | {tabNames.map(name =>
9 |
- selectTab(name)}> 12 | {capitalize(name)} 13 | )} 14 |
9 |
12 |
15 |
18 |
21 |
22 | `;
23 |
--------------------------------------------------------------------------------
/src/components/GroupButton/__snapshots__/GroupButton.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`GroupButton matches last snapshot 1`] = `
4 |
20 | `;
21 |
--------------------------------------------------------------------------------
/src/graphql/fragments/CommentFieldsFragment.graphql:
--------------------------------------------------------------------------------
1 | fragment CommentFields on Comment {
2 | id
3 | text
4 | creator {
5 | id
6 | name
7 | avatarUrl
8 | }
9 | myReactions {
10 | emojiFull
11 | id
12 | }
13 | commentReactions {
14 | emojiFull
15 | id
16 | user {
17 | id
18 | name
19 | }
20 | }
21 | attachments {
22 | id
23 | position
24 | type
25 | url
26 | }
27 | parentComment {
28 | id
29 | }
30 | createdAt
31 | editedAt
32 | }
33 |
--------------------------------------------------------------------------------
/src/routes/AuthLayoutRouter/components/TopNav/NoItems/NoItems.scss:
--------------------------------------------------------------------------------
1 | .no-items {
2 | text-align: center;
3 | height: $messages-body-height;
4 |
5 | h3 {
6 | color: $color-dove-gray-50;
7 | font-size: 25px;
8 | margin-top: 25px;
9 | padding: 10px 30px;
10 | position: absolute;
11 | text-align: center;
12 | width: 100%;
13 | }
14 | .image {
15 | background: no-repeat center;
16 | height: $messages-body-height;
17 | background-size: calc($messages-body-height/2);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/store/selectors/getPost.js:
--------------------------------------------------------------------------------
1 | import { createSelector as ormCreateSelector } from 'redux-orm'
2 | import orm from 'store/models'
3 | import getRouteParam from 'store/selectors/getRouteParam'
4 | import getQuerystringParam from 'store/selectors/getQuerystringParam'
5 |
6 | const getPost = ormCreateSelector(
7 | orm,
8 | (state, props) => getRouteParam('postId', props) || getQuerystringParam('fromPostId', props),
9 | ({ Post }, id) => {
10 | return Post.withId(id)
11 | }
12 | )
13 |
14 | export default getPost
15 |
--------------------------------------------------------------------------------
/src/components/Tooltip/Tooltip.scss:
--------------------------------------------------------------------------------
1 | .tooltip {
2 | font-size: 12px;
3 | padding: 5px 12px;
4 | border-radius: 24px !important;
5 | font-weight: bold;
6 | // @see Tooltip.js - styles are applied as props
7 | // background: $color-white !important;
8 | // color: $color-member !important;
9 | // border: 1px solid $color-picton-blue !important;
10 | box-shadow: $box-shadow-tooltip;
11 | }
12 |
13 |
14 | @media screen and (max-width: 500px) {
15 | .tooltip {
16 | display: none !important;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/components/TopicSupportComingSoon/TopicSupportComingSoon.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | margin-top: 50px;
3 | text-align: center;
4 | }
5 |
6 | .back-button {
7 | text-align: center;
8 | cursor: pointer;
9 | background-color: $color-caribbean-green;
10 | }
11 |
12 | .axolotl-digging-image {
13 | width: 300px;
14 | height: 300px;
15 | display: block;
16 | margin: 0 auto;
17 | }
18 |
19 | .gray-text {
20 | color: $color-rhino-60;
21 | margin-bottom: 30px;
22 | font-size: 80%;
23 | line-height: 180%;
24 | }
25 |
--------------------------------------------------------------------------------
/src/routes/Messages/PeopleSelector/MatchingPeopleListItem/__snapshots__/MatchingPeopleListItem.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`matches last snapshot 1`] = `
4 |
7 |
21 | `;
22 |
--------------------------------------------------------------------------------
/src/store/actions/fetchForCurrentUser.js:
--------------------------------------------------------------------------------
1 | import { get } from 'lodash/fp'
2 | import { FETCH_FOR_CURRENT_USER } from 'store/constants'
3 | import MeQuery from 'graphql/queries/MeQuery'
4 |
5 | export default function fetchForCurrentUser () {
6 | return {
7 | type: FETCH_FOR_CURRENT_USER,
8 | graphql: {
9 | query: MeQuery
10 | },
11 | meta: {
12 | extractModel: [
13 | {
14 | getRoot: get('me'),
15 | modelName: 'Me'
16 | }
17 | ]
18 | }
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/CommentCard/CommentCard.connector.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { push } from 'connected-react-router'
3 | import { postUrl } from 'util/navigation'
4 |
5 | export function mapStateToProps (state, props) {
6 | return { }
7 | }
8 |
9 | export function mapDispatchToProps (dispatch, props) {
10 | return {
11 | showDetails: () =>
12 | dispatch(push(postUrl(props.comment.post.id, props.routeParams)))
13 | }
14 | }
15 |
16 | export default connect(mapStateToProps, mapDispatchToProps)
17 |
--------------------------------------------------------------------------------
/src/routes/GroupSettings/InviteSettingsTab/InviteSettingsTab.test.js:
--------------------------------------------------------------------------------
1 | import InviteSettingsTab from './InviteSettingsTab'
2 | import { shallow } from 'enzyme'
3 | import React from 'react'
4 |
5 | it('renders correctly', () => {
6 | const group = {
7 | id: 1,
8 | name: 'Hylo'
9 | }
10 |
11 | const wrapper = shallow(
17 | {this.props.t('Community map')}
18 |
19 | )
20 | }
21 | }
22 |
23 | export default withTranslation()(MapWidget)
24 |
--------------------------------------------------------------------------------
/src/routes/Messages/PeopleSelector/PeopleListItem/__snapshots__/PeopleListItem.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`matches the last snapshot 1`] = `
4 |
13 |
16 | Wombat
17 |
18 |
21 |
22 |
12 | 
13 |
14 |
15 |
16 | )
17 | }
18 |
19 | export default NoPosts
20 |
--------------------------------------------------------------------------------
/src/components/CreateGroup/CreateGroup.test.js:
--------------------------------------------------------------------------------
1 | import CreateGroup from './CreateGroup'
2 | import { shallow } from 'enzyme'
3 | import React from 'react'
4 |
5 | describe('CreateGroup', () => {
6 | it('matches snapshot', () => {
7 | const wrapper = shallow(14 |
{tMessage}
11 | {label || children}
12 |
13 | }
14 | SkillLabel.propTypes = {
15 | label: string,
16 | color: string,
17 | active: bool,
18 | className: string
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/TextInput/__snapshots__/TextInput.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`TextInput renders correctly 1`] = `
4 |
7 |
16 |
25 | `;
26 |
--------------------------------------------------------------------------------
/src/routes/Events/Events.store.js:
--------------------------------------------------------------------------------
1 | export const MODULE_NAME = 'Events'
2 | export const UPDATE_TIMEFRAME = `${MODULE_NAME}/UPDATE_TIMEFRAME`
3 |
4 | export function updateTimeframe (timeframe) {
5 | return {
6 | type: UPDATE_TIMEFRAME,
7 | payload: timeframe
8 | }
9 | }
10 |
11 | // reducer
12 | const DEFAULT_STATE = {
13 | timeframe: 'future'
14 | }
15 |
16 | export default function (state = DEFAULT_STATE, action) {
17 | if (action.type === UPDATE_TIMEFRAME) {
18 | return {
19 | ...state,
20 | timeframe: action.payload
21 | }
22 | }
23 | return state
24 | }
25 |
--------------------------------------------------------------------------------
/src/routes/MemberProfile/MemberComments/MemberComments.connector.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import {
3 | getMemberComments,
4 | fetchMemberComments
5 | } from './MemberComments.store'
6 |
7 | export function mapStateToProps (state, props) {
8 | return {
9 | comments: getMemberComments(state, props)
10 | }
11 | }
12 |
13 | export function mapDispatchToProps (dispatch, props) {
14 | return {
15 | fetchMemberComments: () => dispatch(fetchMemberComments(props.routeParams.personId))
16 | }
17 | }
18 |
19 | export default connect(mapStateToProps, mapDispatchToProps)
20 |
--------------------------------------------------------------------------------
/src/routes/MemberProfile/MemberVotes/MemberVotes.test.js:
--------------------------------------------------------------------------------
1 | import { shallow } from 'enzyme'
2 | import React from 'react'
3 |
4 | import MemberVotes from './MemberVotes'
5 | import denormalized from '../MemberProfile.test.json'
6 |
7 | describe.only('MemberVotes', () => { // TODO REACTIONS: switch this to reactions
8 | const { person } = denormalized.data
9 |
10 | it('renders the same as the last snapshot', () => {
11 | const wrapper = shallow(
12 |
20 |
24 |