Rename ImportHFCacheModal object to ImportModelsModal

src/renderer/components/ModelZoo/ImportModelsBar.tsx

@@ -11,7 +11,7 @@ import {
 import { PlusIcon } from 'lucide-react';
 
 import * as chatAPI from '../../lib/transformerlab-api-sdk';
-import ImportFromHFCacheModal from './ImportModelsModal';
+import ImportModelsModal from './ImportModelsModal';
 
 export default function ModelDetails({}) {
     const [downloadingModel, setDownloadingModel] = useState(null);
@@ -19,7 +19,7 @@ export default function ModelDetails({}) {
 
     return (
       <>
-        <ImportFromHFCacheModal
+        <ImportModelsModal
             open={importModelsModalOpen}
             setOpen={setImportModelsModalOpen}
         />

src/renderer/components/ModelZoo/ImportModelsModal.tsx

@@ -23,7 +23,7 @@ import {
 // fetcher used by SWR
 const fetcher = (url) => fetch(url).then((res) => res.json());
 
-export default function ImportFromHFCacheModal({ open, setOpen}) {
+export default function ImportModelsModal({ open, setOpen}) {
     const [importing, setImporting] = useState(false);
 
     const {
@@ -70,7 +70,7 @@ export default function ImportFromHFCacheModal({ open, setOpen}) {
           <ModalClose />
           <Typography level="h2">Select models to import:</Typography>
           <form
-            id="import-hfcache-form"
+            id="import-models-form"
             style={{
                 display: 'flex',
                 flexDirection: 'column',