Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Use lodash react syntax for sortby
  • Loading branch information
amm98d authored Dec 8, 2021
commit 20dcade4ec4eb4bdbed19a9c5c04a4f023989ef0
5 changes: 3 additions & 2 deletions src/components/MeetupList.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import React from "react"
import styled from "styled-components"
import Emoji from "./Emoji"
import { sortBy } from 'lodash'

import Link from "./Link"

Expand Down Expand Up @@ -318,13 +319,13 @@ const LeftContainer = styled.div`
`

// sort meetups by country and then by city
_.sortBy(meetups, ['emoji', 'location']);
const sortedMeetups = sortBy(meetups, ['emoji', 'location']);

// TODO create generalized CardList / TableCard
// TODO prop if ordered list or unordered
const MeetupList = () => (
<Table>
{meetups.map((meetup, idx) => (
{sortedMeetups.map((meetup, idx) => (
<Item key={idx} to={meetup.link}>
<LeftContainer>
<ItemNumber>{idx + 1}</ItemNumber>
Expand Down