"use client"
import React, { useEffect } from 'react'
import { useGetMyAllTagPostQuery } from '../../store/api/GetAllMyTagPost'
import Cookies from 'js-cookie'
import SecondUserTaggedPost from './SecondUserTaggedPost'
import MyTaggedPost from './MyTaggedPost'
import { useAppSelector } from '@/app/hooks/hooks'

function TaggedPost() {
  const token = Cookies.get("Snapta_auth_token")
  
  // Updated logic: Use viewedUser slice instead of generic userId
  const viewedUserId = useAppSelector((state) => state.viewedUser.viewedUserId)
  const isOwnProfile = useAppSelector((state) => state.viewedUser.isOwnProfile)
  
  // Fetch My Tagged Posts via RTK Query
  const { data: MyTagPost } = useGetMyAllTagPostQuery({ token: token || "" });

  // Update Tag Post Count Cookie whenever data changes
  useEffect(() => {
    if (isOwnProfile && MyTagPost?.post) {
      Cookies.set("tag_post_count", String(MyTagPost.post.length));
    }
  }, [MyTagPost, isOwnProfile]);

  return (
    <div className="w-full flex justify-center">
      {/* Logic changed to check isOwnProfile flag */}
      {isOwnProfile ? (
        <MyTaggedPost />
      ) : (
        <SecondUserTaggedPost />
      )}
    </div>
  )
}

export default TaggedPost