chore: remove social share

Author: tianzhou

src/components/pages/blog/aside/aside.tsx

@@ -14,9 +14,7 @@ type AsideProps = AuthorProps & {
 const Aside = ({ tocItems }: AsideProps) => {
   return (
     <aside className="scrollbar-hidden lg:gap-x-grid sticky top-[144px] col-span-3 ml-auto flex max-h-[calc(100vh-40px)] w-full flex-col overflow-y-auto lg:col-span-full lg:mt-14 lg:grid lg:grid-cols-12 md:mt-10 sm:mt-8 sm:gap-y-4">
-      {tocItems.length > 0 && (
-        <TableOfContents items={tocItems} className="overflow-y-auto" showSocialShare />
-      )}
+      {tocItems.length > 0 && <TableOfContents items={tocItems} className="overflow-y-auto" />}
       <div className="mt-4 flex w-full flex-col items-start justify-start pl-5 lg:hidden">
         <Promo />
       </div>

src/components/pages/docs/table-of-contents/table-of-contents.tsx

@@ -8,13 +8,10 @@ import clsx from 'clsx';
 import { TableOfContents as TOCProps } from '@/types/docs';
 
 import BackToTopIcon from '@/svgs/back-to-top.inline.svg';
-import SocialLinks from '../../blog/aside/social-links';
-import { SocialLink } from '../../blog/aside/social-links/social-links';
 
 type TableOfContentsProps = {
   items: TOCProps[];
   hasBackToTop?: boolean;
-  showSocialShare?: boolean;
   className?: string;
 };
 
@@ -42,26 +39,9 @@ const onClick = (evt: React.MouseEvent<HTMLAnchorElement>, id: string) => {
   }
 };
 
-const SocialItems = [
-  {
-    network: 'twitter',
-  },
-  {
-    network: 'linkedIn',
-  },
-  {
-    network: 'hackerNews',
-  },
-] as SocialLink[];
-
 const CURRENT_ANCHOR_GAP_PX = 16;
 
-const TableOfContents = ({
-  items,
-  hasBackToTop,
-  showSocialShare,
-  className,
-}: TableOfContentsProps) => {
+const TableOfContents = ({ items, hasBackToTop, className }: TableOfContentsProps) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const titles = useRef<HTMLElement[]>([]);
   const [currentAnchor, setCurrentAnchor] = useState<string | null>(null);
@@ -151,13 +131,6 @@ const TableOfContents = ({
           <span>Back to top</span>
         </button>
       )}
-
-      {showSocialShare && (
-        <div className="mt-4 flex w-full flex-col items-start justify-start pl-5">
-          <h3 className="text-14">Share this article</h3>
-          <SocialLinks items={SocialItems} />
-        </div>
-      )}
     </nav>
   );
 };