UsePageTitle

1'use client';
2 
3import { useCallback, useEffect } from 'react';
4 
5// Types
6interface PageTitleOptions {
7  suffix?: string;
8  separator?: string;
9}
10 
11interface UsePageTitleReturn {
12  setTitle: (title: string) => void;
13  resetTitle: () => void;
14}
15 
16export function usePageTitle(options?: PageTitleOptions): UsePageTitleReturn {
17  const suffix = options?.suffix || '';
18  const separator = options?.separator || ' | ';
19  const originalTitle = typeof document !== 'undefined' ? document.title : '';
20 
21  const formatTitle = useCallback(
22    (title: string) => {
23      if (suffix) {
24        return `${title}${separator}${suffix}`;
25      }
26      return title;
27    },
28    [suffix, separator],
29  );
30 
31  const setTitle = useCallback(
32    (title: string) => {
33      if (typeof document !== 'undefined') {
34        document.title = formatTitle(title);
35      }
36    },
37    [formatTitle],
38  );
39 
40  const resetTitle = useCallback(() => {
41    if (typeof document !== 'undefined') {
42      document.title = originalTitle;
43    }
44  }, [originalTitle]);
45 
46  // Reset title on unmount
47  useEffect(() => {
48    return () => {
49      resetTitle();
50    };
51  }, [resetTitle]);
52 
53  return {
54    setTitle,
55    resetTitle,
56  };
57}