Skip to content

Instantly share code, notes, and snippets.

import { FormJob, Job, ListResponse, Region, Tag } from '@/models'
import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react"
export const api = createApi({
reducerPath: 'api',
baseQuery: fetchBaseQuery({
baseUrl: process.env.NEXT_PUBLIC_API_URL
}),
import { combineReducers, configureStore } from '@reduxjs/toolkit'
import logger from 'redux-logger'
import { useDispatch, TypedUseSelectorHook, useSelector } from 'react-redux'
import { api } from '@/api'
import { tagsSlice } from './slices/tagsSlice'
import { additionalServicesSlice } from './slices/additionalServicesSlice'
import { regionsSlice } from './slices/regionsSlice'
import { searchSlice } from './slices/searchSlice'
import { Provider } from 'react-redux'
import { useMemo } from 'react'
import { Box, ChakraProvider } from '@chakra-ui/react'
import type { AppProps } from 'next/app'
import Script from 'next/script'
import { Inter } from 'next/font/google'
import cx from 'classnames'
import Footer from '@/components/layout/Footer'
import Header from '@/components/layout/Header'
import { initializeStore } from '@/store'
.container {
position: relative;
container-type: inline-size;
container-name: jobview;
}
.inner {
background: var(--chakra-colors-white);
border-radius: 12px;
padding: 40px 32px;
@tanat
tanat / JobCard.tsx
Last active October 24, 2023 07:12
import Link from 'next/link'
import dayjs from 'dayjs'
import { Box, BoxProps, Flex, Text } from '@chakra-ui/react'
import { FC } from 'react'
import cx from 'classnames'
import { Job } from '@/models'
import Tag from '@/components/ui/TagView'
import s from './JobCard.module.css'
type Props = Props & {