🎨 Subtitle slug

src/templates/search/components/index.tsx

@@ -1,5 +1,5 @@
 import _ from 'lodash'
-import React, { useEffect, useState } from 'react'
+import React, { useContext, useEffect, useState } from 'react'
 
 import { FaSearch } from 'react-icons/fa'
 
@@ -11,6 +11,8 @@ import Pagination from './pagination'
 
 import { searchHentai } from '../services/searchHentai'
 
+import { Subtitle } from '../../../app/context'
+
 import { IFetchedRaw } from '../../../core/@types/IFetchedRaw'
 import { IProps } from '../@types/IProps'
 
@@ -36,6 +38,8 @@ const StyledFlex = styled(Flex)`
 const SearchComponent: React.FC<IProps> = props => {
   const {raw, skip} = props.pageContext
 
+  const [, setSubtitle] = useContext(Subtitle)
+
   const [query, setQuery] = useState<string>('')
   const [res, setRes] = useState<IFetchedRaw[]>([])
 
@@ -62,6 +66,12 @@ const SearchComponent: React.FC<IProps> = props => {
     }
   }, [res])
 
+  useEffect(() => {
+    if (setSubtitle) {
+      setSubtitle(`search`)
+    }
+  }, [])
+
   return (
     <Box pt={3}>
       <Flex justifyContent={`center`}>