{"version":3,"file":"author.releated.DVpK3hik.js","sources":["../../../src/components/core/author/author.releated.posts.tsx"],"sourcesContent":["import { AspectRatio } from '@/components/ui/atoms/aspect-ratio'\nimport { Button } from '@/components/ui/atoms/button'\nimport EmptyList from '@/components/ui/atoms/empty-list'\nimport { toast } from '@/components/ui/molecules/use-toast'\nimport type { IArticle } from '@/types/article'\nimport type { IAuthor } from '@/types/author'\nimport type { ICursor } from '@/types/cursor'\nimport { ChevronDown, Loader2 } from 'lucide-react'\nimport { useCallback, useState } from 'react'\n\nexport default function AuthorReleatedPosts({\n  nodes: ssr_posts,\n  cursor: ssr_cursor,\n  author,\n  limit,\n  search,\n  pathname,\n}: {\n  nodes: Array<IArticle>\n  cursor: ICursor\n  author: IAuthor\n  limit: number\n  search?: string\n  pathname: string\n}) {\n  const [ssrPosts, setSsrPosts] = useState(ssr_posts)\n  const [ssrCursor, setSsrCursor] = useState(ssr_cursor)\n\n  const [posts, setPosts] = useState<Array<IArticle>>(ssrPosts.slice(0, limit))\n  const [cursor, setCursor] = useState<ICursor>({\n    ...ssrCursor,\n    hasNextPage: ssrPosts.length > limit,\n  })\n\n  const [loading, setLoading] = useState<boolean>(false)\n\n  const getMore = async () => {\n    const request = await fetch('/api/proxy/posts', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(\n        { cursor: ssrCursor.endCursor, id: author.databaseId },\n        null,\n        2,\n      ),\n    })\n\n    if (request.status !== 200)\n      toast({\n        variant: 'destructive',\n        title: 'Algo não saiu como esperado.',\n        description: 'Houve um problema com a sua requisição.',\n      })\n    else {\n      const json = await request.json()\n      setSsrCursor(json.cursor)\n      setSsrPosts((prev) => [...prev, ...json.nodes])\n      setCursor({\n        ...json.cursor,\n        hasNextPage: posts.length + json.nodes.length > limit,\n      })\n    }\n  }\n\n  const handleClick = useCallback(async () => {\n    setLoading(true)\n\n    const hasNextPage = posts.length + limit < ssrPosts.length\n\n    setPosts((prev) => [\n      ...prev,\n      ...ssrPosts.slice(prev.length, prev.length + limit),\n    ])\n    setCursor((prev) => ({\n      ...prev,\n      hasNextPage,\n      hasPreviousPage: false,\n    }))\n\n    if (!hasNextPage && ssrCursor.hasNextPage) {\n      await getMore()\n    }\n\n    setLoading(false)\n  }, [setPosts, setCursor, setLoading, cursor])\n\n  return (\n    <>\n      <div className=\"mt-8\">\n        <h2 className=\"text-2xl font-bold tracking-tight text-zinc-700 sm:text-3xl\">\n          {search\n            ? `Publicações relacionadas a: \"${search}\"`\n            : `Últimas publicações de ${author.name}`}\n        </h2>\n      </div>\n\n      {posts.length === 0 && <EmptyList pathname={pathname} />}\n      <div className=\"mx-auto mb-10 grid grid-cols-1 gap-x-8 gap-y-16 sm:pt-7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3\">\n        {posts.map((item) => (\n          <article\n            key={item.slug}\n            className=\"flex max-w-xl flex-col items-start justify-between self-baseline\"\n          >\n            <div\n              className={\n                'relative rounded-xl my-3 sm:mb-0 w-full h-full clip-path-inset'\n              }\n            >\n              <a href={item.href}>\n                <AspectRatio ratio={16 / 9}>\n                  <img\n                    loading=\"lazy\"\n                    src={item.media || '/assets/images/no-article-image.png'}\n                    width=\"0\"\n                    height=\"0\"\n                    sizes=\"100%\"\n                    className=\"rounded-xl w-full h-full object-cover bg-gradient-to-tr from-zinc-300\"\n                    alt=\"Banner do artigos dos professores\"\n                  />\n                </AspectRatio>\n              </a>\n            </div>\n            <div className=\"group relative\">\n              {item.tags && item.tags?.length > 0 && (\n                <p className=\"font-medium tracking-wider text-xs mt-3 uppercase text-sky-600\">\n                  {item?.tags[0].name}\n                </p>\n              )}\n              <h3 className=\"mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600\">\n                <a href={item.href}>\n                  <span className=\"absolute inset-0\" />\n                  {item.title}\n                </a>\n              </h3>\n              <div\n                className=\"mt-5 line-clamp-3 text-sm leading-6 text-gray-600\"\n                dangerouslySetInnerHTML={{\n                  __html: item.text?.html || '',\n                }}\n              />\n            </div>\n            <div className=\"relative mt-4 flex items-center justify-between gap-x-4\">\n              <img\n                loading=\"lazy\"\n                src={item?.author?.avatarUrl || ''}\n                alt={item?.author?.name || `Autor - ${item.title}`}\n                className=\"h-10 w-10 rounded-full bg-gradient-to-tr from-zinc-300\"\n                width={40}\n                height={40}\n              />\n              <div className=\"text-sm leading-6\">\n                <a\n                  href={`/autor/${item?.author?.slug}`}\n                  className=\"font-semibold text-gray-900 hover:text-sky-600 hover:underline block\"\n                >\n                  {item?.author?.name}\n                </a>\n                <time dateTime={item.date.d} className=\"text-gray-500\">\n                  {item.date.dl}\n                </time>\n              </div>\n            </div>\n          </article>\n        ))}\n      </div>\n      {(cursor.hasNextPage || ssrCursor.hasNextPage) && (\n        <Button\n          disabled={!cursor.hasNextPage || loading}\n          variant={'outline'}\n          onClick={handleClick}\n          className=\"w-full text-primary border border-orange-500 hover:bg-orange-500 hover:text-white\"\n        >\n          {!loading ? (\n            <ChevronDown className=\"mr-2 h-4 w-4 animate-bounce\" />\n          ) : (\n            <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n          )}\n          Ver mais publicações\n        </Button>\n      )}\n    </>\n  )\n}\n"],"names":["AuthorReleatedPosts","ssr_posts","ssr_cursor","author","limit","search","pathname","ssrPosts","setSsrPosts","useState","ssrCursor","setSsrCursor","posts","setPosts","cursor","setCursor","loading","setLoading","getMore","request","toast","json","prev","handleClick","useCallback","hasNextPage","jsxs","Fragment","jsx","EmptyList","item","AspectRatio","Button","Loader2","ChevronDown"],"mappings":"qjBAUA,SAAwBA,EAAoB,CAC1C,MAAOC,EACP,OAAQC,EACR,OAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,CACF,EAOG,CACD,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAASR,CAAS,EAC5C,CAACS,EAAWC,CAAY,EAAIF,EAAAA,SAASP,CAAU,EAE/C,CAACU,EAAOC,CAAQ,EAAIJ,EAAAA,SAA0BF,EAAS,MAAM,EAAGH,CAAK,CAAC,EACtE,CAACU,EAAQC,CAAS,EAAIN,WAAkB,CAC5C,GAAGC,EACH,YAAaH,EAAS,OAASH,CAAA,CAChC,EAEK,CAACY,EAASC,CAAU,EAAIR,EAAAA,SAAkB,EAAK,EAE/CS,EAAU,SAAY,CACpB,MAAAC,EAAU,MAAM,MAAM,mBAAoB,CAC9C,OAAQ,OACR,QAAS,CACP,eAAgB,kBAClB,EACA,KAAM,KAAK,UACT,CAAE,OAAQT,EAAU,UAAW,GAAIP,EAAO,UAAW,EACrD,KACA,CAAA,CACF,CACD,EAED,GAAIgB,EAAQ,SAAW,IACfC,EAAA,CACJ,QAAS,cACT,MAAO,+BACP,YAAa,yCAAA,CACd,MACE,CACG,MAAAC,EAAO,MAAMF,EAAQ,KAAK,EAChCR,EAAaU,EAAK,MAAM,EACZb,EAACc,GAAS,CAAC,GAAGA,EAAM,GAAGD,EAAK,KAAK,CAAC,EACpCN,EAAA,CACR,GAAGM,EAAK,OACR,YAAaT,EAAM,OAASS,EAAK,MAAM,OAASjB,CAAA,CACjD,CAAA,CAEL,EAEMmB,EAAcC,EAAAA,YAAY,SAAY,CAC1CP,EAAW,EAAI,EAEf,MAAMQ,EAAcb,EAAM,OAASR,EAAQG,EAAS,OAEpDM,EAAUS,GAAS,CACjB,GAAGA,EACH,GAAGf,EAAS,MAAMe,EAAK,OAAQA,EAAK,OAASlB,CAAK,CAAA,CACnD,EACDW,EAAWO,IAAU,CACnB,GAAGA,EACH,YAAAG,EACA,gBAAiB,EAAA,EACjB,EAEE,CAACA,GAAef,EAAU,aAC5B,MAAMQ,EAAQ,EAGhBD,EAAW,EAAK,GACf,CAACJ,EAAUE,EAAWE,EAAYH,CAAM,CAAC,EAE5C,OAEIY,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,MAAC,MAAI,CAAA,UAAU,OACb,SAAAA,EAAAA,IAAC,MAAG,UAAU,8DACX,SACGvB,EAAA,gCAAgCA,CAAM,IACtC,0BAA0BF,EAAO,IAAI,EAC3C,CAAA,EACF,EAECS,EAAM,SAAW,GAAKgB,EAAA,IAACC,GAAU,SAAAvB,EAAoB,QACrD,MAAI,CAAA,UAAU,8GACZ,SAAMM,EAAA,IAAKkB,GACVJ,EAAA,KAAC,UAAA,CAEC,UAAU,mEAEV,SAAA,CAAAE,EAAA,IAAC,MAAA,CACC,UACE,iEAGF,SAAAA,EAAA,IAAC,KAAE,KAAME,EAAK,KACZ,SAACF,EAAAA,IAAAG,EAAA,CAAY,MAAO,GAAK,EACvB,SAAAH,EAAA,IAAC,MAAA,CACC,QAAQ,OACR,IAAKE,EAAK,OAAS,sCACnB,MAAM,IACN,OAAO,IACP,MAAM,OACN,UAAU,wEACV,IAAI,mCAAA,GAER,CACF,CAAA,CAAA,CACF,EACAJ,EAAAA,KAAC,MAAI,CAAA,UAAU,iBACZ,SAAA,CAAAI,EAAK,MAAQA,EAAK,MAAM,OAAS,GAChCF,EAAAA,IAAC,IAAE,CAAA,UAAU,iEACV,SAAAE,GAAM,KAAK,CAAC,EAAE,KACjB,EAEFF,EAAAA,IAAC,MAAG,UAAU,+EACZ,gBAAC,IAAE,CAAA,KAAME,EAAK,KACZ,SAAA,CAACF,EAAAA,IAAA,OAAA,CAAK,UAAU,kBAAmB,CAAA,EAClCE,EAAK,KAAA,CAAA,CACR,CACF,CAAA,EACAF,EAAA,IAAC,MAAA,CACC,UAAU,oDACV,wBAAyB,CACvB,OAAQE,EAAK,MAAM,MAAQ,EAAA,CAC7B,CAAA,CACF,EACF,EACAJ,EAAAA,KAAC,MAAI,CAAA,UAAU,0DACb,SAAA,CAAAE,EAAA,IAAC,MAAA,CACC,QAAQ,OACR,IAAKE,GAAM,QAAQ,WAAa,GAChC,IAAKA,GAAM,QAAQ,MAAQ,WAAWA,EAAK,KAAK,GAChD,UAAU,yDACV,MAAO,GACP,OAAQ,EAAA,CACV,EACAJ,EAAAA,KAAC,MAAI,CAAA,UAAU,oBACb,SAAA,CAAAE,EAAA,IAAC,IAAA,CACC,KAAM,UAAUE,GAAM,QAAQ,IAAI,GAClC,UAAU,uEAET,YAAM,QAAQ,IAAA,CACjB,EACAF,EAAAA,IAAC,OAAK,CAAA,SAAUE,EAAK,KAAK,EAAG,UAAU,gBACpC,SAAKA,EAAA,KAAK,EACb,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,EA7DKA,EAAK,IA+Db,CAAA,EACH,GACEhB,EAAO,aAAeJ,EAAU,cAChCgB,EAAA,KAACM,EAAA,CACC,SAAU,CAAClB,EAAO,aAAeE,EACjC,QAAS,UACT,QAASO,EACT,UAAU,oFAET,SAAA,CAACP,EAGAY,EAAA,IAACK,EAAQ,CAAA,UAAU,2BAA4B,CAAA,QAF9CC,EAAY,CAAA,UAAU,8BAA8B,EAGrD,sBAAA,CAAA,CAAA,CAEJ,EAEJ,CAEJ"}