feat: enable folders by default and remove from experimental features

app/assets/javascripts/preferences/panes/General.tsx

@@ -6,7 +6,6 @@ import { ErrorReporting, Tools, Defaults } from './general-segments';
 import { ExtensionsLatestVersions } from '@/preferences/panes/extensions-segments';
 import { Advanced } from '@/preferences/panes/account';
 import { observer } from 'mobx-react-lite';
-import { Migrations } from './general-segments/Migrations';
 
 interface GeneralProps {
   appState: AppState;
@@ -20,7 +19,6 @@ export const General: FunctionComponent<GeneralProps> = observer(
       <Tools application={application} />
       <Defaults application={application} />
       <ErrorReporting appState={appState} />
-      <Migrations application={application} appState={appState} />
       <Advanced
         application={application}
         appState={appState}

app/assets/javascripts/preferences/panes/general-segments/Migrations.tsx

@@ -1,103 +0,0 @@
-import { Button } from '@/components/Button';
-import { Icon } from '@/components/Icon';
-import { WebApplication } from '@/ui_models/application';
-import { AppState } from '@/ui_models/app_state';
-import { FunctionComponent } from 'preact';
-import { useCallback, useState } from 'preact/hooks';
-import {
-  PreferencesGroup,
-  PreferencesSegment,
-  Subtitle,
-  Text,
-  Title,
-} from '../../components';
-
-type Props = {
-  application: WebApplication;
-  appState: AppState;
-};
-
-export const CheckIcon: React.FC = () => {
-  return <Icon className="success min-w-4 min-h-4" type="check-bold" />;
-};
-
-const Migration3dot0dot0: FunctionComponent<Props> = ({ application }) => {
-  const [loading, setLoading] = useState(false);
-  const [complete, setComplete] = useState(false);
-  const [error, setError] = useState<unknown | null>(null);
-
-  const trigger = useCallback(() => {
-    setLoading(true);
-    setError(null);
-    setComplete(false);
-    application
-      .migrateTagDotsToHierarchy()
-      .then(() => {
-        setLoading(false);
-        setError(null);
-        setComplete(true);
-      })
-      .catch((error: unknown) => {
-        setLoading(false);
-        setError(error);
-        setComplete(false);
-      });
-  }, [application, setLoading, setError]);
-
-  return (
-    <>
-      <Subtitle>(3.0.0) Folders Component to Native Folders</Subtitle>
-      <Text>
-        This migration transform tags with "." in their title into a hierarchy
-        of parents. This lets your transform tag hierarchies created with the
-        folder component into native tag folders.
-      </Text>
-      <div className="flex flex-row items-center mt-3">
-        <Button
-          type="normal"
-          onClick={trigger}
-          className="m-2"
-          disabled={loading}
-          label="Run Now"
-        />
-        {complete && (
-          <div className="ml-3">
-            <Text>Migration successful.</Text>
-          </div>
-        )}
-        {error && (
-          <div className="ml-3">
-            <Text>Something wrong happened. Please contact support.</Text>
-          </div>
-        )}
-      </div>
-    </>
-  );
-};
-
-export const Migrations: FunctionComponent<Props> = ({
-  application,
-  appState,
-}) => {
-  const hasNativeFoldersEnabled = appState.features.enableNativeFoldersFeature;
-
-  if (!hasNativeFoldersEnabled) {
-    return null;
-  }
-
-  const hasFoldersFeature = appState.features.hasFolders;
-
-  if (!hasFoldersFeature) {
-    return null;
-  }
-
-  return (
-    <PreferencesGroup>
-      <PreferencesSegment>
-        <Title>Migrations</Title>
-        <div className="h-2 w-full" />
-        <Migration3dot0dot0 application={application} appState={appState} />
-      </PreferencesSegment>
-    </PreferencesGroup>
-  );
-};