refactor: Remove bookmark import/export functionality from ProfileSettings component

Author: medyo

src/features/settings/components/Profile/ProfileSettings.tsx

@@ -1,11 +1,4 @@
-import { useRef } from 'react'
-import { RiFileDownloadFill, RiFileUploadFill } from 'react-icons/ri'
-import toast from 'react-simple-toasts'
-import { SettingsContentLayout } from 'src/components/Layout/SettingsContentLayout'
 import { useAuth, User } from 'src/features/auth'
-import { BookmarkedPost } from 'src/features/bookmarks'
-import { useBookmarks } from 'src/stores/bookmarks'
-import { BookmarkItem } from '../BookmarkSettings'
 import './profileSettings.css'
 
 interface UserInfoProps {
@@ -36,84 +29,5 @@ const UserInfo = ({ user }: UserInfoProps) => {
 
 export const ProfileSettings = () => {
   const { user } = useAuth()
-
-  const inputFile = useRef<HTMLInputElement | null>(null)
-  const { initState, userBookmarks } = useBookmarks()
-
-  const importBookmarks = () => {
-    inputFile.current?.click()
-  }
-
-  const exportBookmarks = () => {
-    const blob = new Blob([JSON.stringify(userBookmarks, null, 2)], {
-      type: 'application/json',
-    })
-    const downloadURL = URL.createObjectURL(blob)
-    const link = document.createElement('a')
-    link.href = downloadURL
-    link.download = 'hackertabBookmarks'
-    link.click()
-  }
-
-  const handleFileChange = (event: any) => {
-    const file = event.target.files?.[0]
-    if (file) {
-      const reader = new FileReader()
-      reader.onload = () => {
-        const importData: BookmarkedPost[] = JSON.parse(reader.result as string)
-        const validatedData = importData
-          .filter(
-            (data: BookmarkedPost) =>
-              data.title &&
-              data.url &&
-              !userBookmarks.some((bm) => bm.title === data.title && bm.url === data.url)
-          )
-          .map((data) => ({
-            title: data.title,
-            url: data.url,
-            source: data.source || '',
-            sourceType: data.sourceType || '',
-          }))
-        initState({
-          userBookmarks: [...userBookmarks, ...validatedData],
-        })
-        toast('Your bookmarks have been successfully imported', { theme: 'defaultToast' })
-      }
-      reader.readAsText(file)
-    }
-  }
-
-  return (
-    <div className="profile">
-      {user != null && <UserInfo user={user} />}
-      <SettingsContentLayout
-        title="Bookmarks"
-        description="Find all your bookmarks here. You can remove a bookmark by clicking on the remove icon."
-        actions={
-          <>
-            <input
-              type="file"
-              id="file"
-              ref={inputFile}
-              accept="application/json"
-              className="hidden"
-              onChange={handleFileChange}
-            />
-            <button className="extraBtn extraTextBtn" onClick={() => importBookmarks()}>
-              <RiFileUploadFill />
-              &nbsp;Import
-            </button>
-            <button className="extraBtn" onClick={() => exportBookmarks()}>
-              <RiFileDownloadFill />
-            </button>
-          </>
-        }>
-        <div className="bookmarks">
-          {userBookmarks.map((bm) => (
-            <BookmarkItem item={bm} key={bm.url} />
-          ))}
-        </div>
-      </SettingsContentLayout>
-    </div>
-  )
+  return <div className="profile">{user != null && <UserInfo user={user} />}</div>
 }