feat: setup tailwind

Author: marcelovicentegc

frontend/containers/LandingPage/index.tsx

@@ -1,20 +1,12 @@
 import React from "react";
-import dayjs from "dayjs";
-import LocalizedFormat from "dayjs/plugin/localizedFormat";
 import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
-import { Routes } from "./containers/Routes";
+import { Root } from "./lib";
 
-dayjs.extend(LocalizedFormat);
+const container = document.getElementById("root");
 
-const Root: React.FC = () => {
-  return (
-    <BrowserRouter>
-      <Routes />
-    </BrowserRouter>
-  );
-};
+if (!container) {
+  throw new Error("Container not found");
+}
 
-const container = document.getElementById("root");
 const root = createRoot(container);
 root.render(<Root />);

frontend/containers/Routes/index.tsx

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./utils";
+export * from "./use-api";

frontend/hooks/index.ts

@@ -0,0 +1,22 @@
+interface ITextBlock {
+  title: string;
+  body: string;
+  description?: string;
+}
+
+export interface IPublication extends ITextBlock {
+  slug: string;
+  created_at: string;
+  tag: string[];
+  image: string;
+  image_description: string;
+}
+
+export interface IGetPaginatedPublicationsResponse {
+  count: number;
+  current_page: number;
+  total_pages: number;
+  next: string | null;
+  previous: string | null;
+  results: IPublication[];
+}

frontend/hooks/useScrollPosition.ts

@@ -1,13 +1,12 @@
 import {
-  IGetPaginatedPublicationsResponse,
-  IPublication,
   getPaginatedPublicationsEndpoint,
   getPublicationsEndpoint,
   getPublicationEndpoint,
   getFilteredPublicationsEndoint,
   getPaginatedFilteredPublicationsEndoint,
-} from "../utils/api";
+} from "./utils";
 import { getSecrets } from "../config";
+import type { IGetPaginatedPublicationsResponse, IPublication } from "./types";
 
 const { NODE_ENV, AUTH_TOKEN } = getSecrets();
 

frontend/index.tsx

@@ -1,26 +1,3 @@
-interface ITextBlock {
-  title: string;
-  body: string;
-  description?: string;
-}
-
-export interface IPublication extends ITextBlock {
-  slug: string;
-  created_at: string;
-  tag: string[];
-  image: string;
-  image_description: string;
-}
-
-export interface IGetPaginatedPublicationsResponse {
-  count: number;
-  current_page: number;
-  total_pages: number;
-  next: string | null;
-  previous: string | null;
-  results: IPublication[];
-}
-
 export function getFilteredPublicationsEndoint(
   args: {
     title: string;

frontend/lib/api/index.ts

@@ -1,9 +1,8 @@
 import React, { useState, useEffect } from "react";
-import { IPublication } from "../../../utils/api";
-import { useRouter } from "../../../hooks/useRouter";
-import { ROUTES } from "../../../routes";
-import { useDebounce, useApi } from "../../../hooks";
-import { getSecrets } from "../../../config";
+import { getSecrets } from "../config";
+import { type IPublication, useApi } from "../api";
+import { useDebounce } from "../hooks";
+import { ROUTES, useRouter } from "../routes";
 
 interface IProps {
   data: IPublication[] | undefined;
@@ -54,7 +53,7 @@ export const BlogSection: React.FC<IProps> = ({ data: blogCarouselData }) => {
           maxWidth: 1124,
         }}
       >
-        <div>Título</div>
+        <div>Blog</div>
         {data && data.length > 0 && (
           <input
             placeholder={"Search"}

frontend/lib/api/types.ts

@@ -0,0 +1 @@
+export * from "./use-debounce";