{#each Array(5) as _}
{/each}
{#if posts !== null}
handleCategoryOfPosts('hot')} class="flex flex-row w-fit pl-3 pr-4 pt-1 pb-1 tab mr-2 font-medium transition duration-150 ease-out hover:ease-in rounded-full hover:bg-[#333333] {sortingPosts === 'hot' ? 'bg-[#333333] text-white' : 'text-gray-300'} rounded-full cursor-pointer">
Hot
handleCategoryOfPosts('new')} class="flex flex-row w-fit ml-3 pl-3 pr-4 pt-1 pb-1 tab mr-2 font-medium transition duration-150 ease-out hover:ease-in rounded-full hover:bg-[#333333] {sortingPosts === 'new' ? 'bg-[#333333] text-white' : 'text-gray-300'} rounded-full cursor-pointer">
New
{#if !loading} {#each posts as post}
{/each}
{/if} {#if postLoading && !noPostMore && data?.user}
{:else if noPostMore}
We reached the bottom brother
Share your insight with others
{#if !data?.user}
{:else}
{/if}
{/if} {/if}
{#if LoginPopup}
{/if}