<commit_before>import React from "react";

import { graphql, useStaticQuery } from "gatsby";

import InstagramPost from "../instagram-post";

import styled from "styled-components";

const FeedWrapper = styled.div`
    margin: 0 auto;
    max-width: 1440px;
    display: grid;
    height: 160px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    @media (max-width: 1200px) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    @media (max-width: 992px) {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
`;

const InstagramFeed = () => {
    const data = useStaticQuery(graphql`
        query InstagramPosts {
            allInstaNode {
                edges {
                    node {
                        id
                        likes
                        comments
                        mediaType
                        preview
                        original
                        timestamp
                        caption
                    }
                }
            }
        }
    `);

    return (
        <FeedWrapper>
            {data.allInstaNode.edges.map((item, i) => {
                //console.log(item);
                
                return <InstagramPost key={item.node.id} index={i} node={item.node}></InstagramPost>;
            })}
        </FeedWrapper>
    );
};

export default InstagramFeed;<commit_msg>chore: remove unused fields from insta query<commit_after>import React from "react";

import { graphql, useStaticQuery } from "gatsby";

import InstagramPost from "../instagram-post";

import styled from "styled-components";

const FeedWrapper = styled.div`
    margin: 0 auto;
    max-width: 1440px;
    display: grid;
    height: 160px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    @media (max-width: 1200px) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    @media (max-width: 992px) {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
`;

const InstagramFeed = () => {
    const data = useStaticQuery(graphql`
        query InstagramPosts {
            allInstaNode {
                edges {
                    node {
                        id
                        likes
                        preview
                        original
                        caption
                    }
                }
            }
        }
    `);

    return (
        <FeedWrapper>
            {data.allInstaNode.edges.map((item, i) => {
                console.log(item);
                
                return <InstagramPost key={item.node.id} index={i} node={item.node}></InstagramPost>;
            })}
        </FeedWrapper>
    );
};

export default InstagramFeed;
{'fraction_non_alphanumeric': 0.09820761762509335, 'fraction_numerical': 0.022404779686333084, 'mean_word_length': 1.3458844133099825, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6425310', 'n_tokens_mistral': 814, 'n_tokens_neox': 723, 'n_words': 172}