Code Feed

gistfile1.txt

function CodeFeed() {
  let params = new URLSearchParams(window.location.search);
  const [codeFeed, setCodeFeed] = useState([]);
  const [id, setId] = useState(params.get('user_id'));

  function onChangeId() {
    setId(params.get('user_id'));
  }

  const contentStyle = {textAlign: 'center'};
  const listStyle = {
    width: '40%',
    border: '1px solid #bfbfbf',
    backgroundColor: '#ffffff'
  };
  const pageStyle = {alignItems: 'center'};
  useEffect(() => {
    fetch(`/api/code/feed?user_id=${id}`)
      .then(response => response.json())
      .then(data => {
        if (data.success === 1) {
          setCodeFeed(data.feed);
        }
      })
  }, [id]);

  return (
    <Layout style={pageStyle}>
      <Layout style={listStyle}>
        <List
          itemLayout="horizontal"
          dataSource={codeFeed}
          renderItem={item => (
            <List.Item>
              <List.Item.Meta style={contentStyle}
                title=<Link to={`/code/${item.id}/view`}>{item.id}</Link>
                description={item.date_posted}
              />
            </List.Item>
          )}
        />
      </Layout>
    </Layout>
  );
}