order.js

const order = (posts) => {
    return posts.sort((a, b) => {
      return b.get("createdAt") - a.get("createdAt");
    });
  };
  
  return (
    <div className="App">
      <header className="app-header">
      <img className="logo" alt="back4app's logo" src={'https://blog.back4app.com/wp-content/uploads/2019/05/back4app-white-logo-500px.png'} />
        <h2 className="spacing">parse hooks</h2>
        <span>social network</span>
      </header>
      
      <div className="posts-container">
      <form onSubmit={handleSubmitPost}className="actions">
        <textarea value={postText} onChange={event => setPostText(event.currentTarget.value)}/>
        <button type="submit">post</button>
      </form>


      <div className="post-list">
        {results && order(results).map((user,index) => (
        <div className="post" key={index}>
          <span>{user.get('authorName')}</span>
          <p>{user.get('text')}</p>
        </div>))}
      </div>
      </div>
    </div>
  );
}