move several functions to the lib/ folder

src/components/Carpool/InvitationsAndRequests.tsx

@@ -1,4 +1,4 @@
-import { lightgrey } from '../colors';
+import { lightgrey } from '../../lib/colors';
 import UIButton from '../UI/UIButton';
 import InvitationList from './InvitationList';
 import MailOutlineIcon from '@material-ui/icons/MailOutline';

src/components/Carpool/MemberList.tsx

@@ -4,7 +4,7 @@ import { useMemo } from 'react';
 import { useContext } from 'react';
 import { useInvitationState } from '../../state/Notifications/NotificationsHooks';
 import { NotificationsContext } from '../../state/Notifications/NotificationsProvider';
-import { lightgrey } from '../colors';
+import { lightgrey } from '../../lib/colors';
 import { useMe } from '../hooks';
 import UIButton from '../UI/UIButton';
 import { CarpoolContext } from './Carpool';

src/components/Event/Event.tsx

@@ -4,7 +4,7 @@ import {
 	getEventSignups,
 	removeEventSignup,
 } from '../api';
-import { green, lightgrey } from '../colors';
+import { green, lightgrey } from '../../lib/colors';
 import { useMe } from '../hooks';
 import { IEvent, IEventSignup } from '../types';
 import UIButton from '../UI/UIButton';

src/components/Event/EventCarpools.tsx

@@ -2,7 +2,7 @@
 import EmojiPeopleIcon from '@material-ui/icons/EmojiPeople';
 import { useCallback, useMemo, useState } from 'react';
 import { createCarpool } from '../api';
-import { lightgrey } from '../colors';
+import { lightgrey } from '../../lib/colors';
 import { useMe } from '../hooks';
 import { IEvent } from '../types';
 import UIButton from '../UI/UIButton';

src/components/Event/EventDetails.tsx

@@ -1,4 +1,4 @@
-import formatStartAndEndTime from '../dates';
+import formatStartAndEndTime from '../../lib/dates';
 import EventIcon from '@material-ui/icons/Event';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
 

src/components/Event/EventSignups.tsx

@@ -1,6 +1,6 @@
 import PersonAddIcon from '@material-ui/icons/PersonAdd';
 import { useMe } from '../hooks';
-import latlongdist, { R_miles } from '../latlongdist';
+import latlongdist, { R_miles } from '../../lib/latlongdist';
 import { IEventSignup, IEvent } from '../types';
 import usePlace from '../usePlace';
 

src/components/EventCreator/DaysOfWeekSelector.tsx

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction, useCallback } from 'react';
-import { toggleBit } from '../bits';
-import { green, lightgrey } from '../colors';
+import { toggleBit } from '../../lib/bits';
+import { green, lightgrey } from '../../lib/colors';
 
 const DAY_NAMES = [
 	'Sunday',

src/components/EventCreator/EventCreator.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import { createEvent } from '../api';
-import { green, lightgrey } from '../colors';
+import { green, lightgrey } from '../../lib/colors';
 import { IGroup } from '../Group';
 import UIButton from '../UI/UIButton';
 import UIDateInput from '../UI/UIDateInput';

src/components/UI/UIPlacesAutocomplete.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { CSSProperties, useRef, useState } from 'react';
 import PlacesAutocomplete, { Suggestion } from 'react-places-autocomplete';
-import getPlaceDetails from '../getPlaceDetails';
+import getPlaceDetails from '../../lib/getPlaceDetails';
 
 type Opts = Parameters<PlacesAutocomplete['props']['children']>['0'];
 

src/components/usePlace.ts

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
-import getPlaceDetails, { PlaceDetails } from './getPlaceDetails';
+import getPlaceDetails, { PlaceDetails } from '../lib/getPlaceDetails';
 import useThrottle from './useThrottle';
 
 export default function usePlace(placeId: string | null) {