refactor: rename PreferencesStep to DataUsageStep (#38708)

frontend/src/metabase/setup/components/PreferencesStep/PreferencesStep.tsx → frontend/src/metabase/setup/components/DataUsageStep/DataUsageStep.tsx

@@ -22,9 +22,9 @@ import {
   StepInfoList,
   StepError,
   StepToggle,
-} from "./PreferencesStep.styled";
+} from "./DataUsageStep.styled";
 
-export const PreferencesStep = ({
+export const DataUsageStep = ({
   stepLabel,
 }: NumberedStepProps): JSX.Element => {
   const [errorMessage, setErrorMessage] = useState<string>();

frontend/src/metabase/setup/components/PreferencesStep/PreferencesStep.unit.spec.tsx → frontend/src/metabase/setup/components/DataUsageStep/DataUsageStep.unit.spec.tsx

@@ -6,7 +6,7 @@ import {
 import type { SetupStep } from "metabase/setup/types";
 import { setupErrorSetupEndpoints } from "__support__/server-mocks";
 import { renderWithProviders, screen } from "__support__/ui";
-import { PreferencesStep } from "./PreferencesStep";
+import { DataUsageStep } from "./DataUsageStep";
 
 interface SetupOpts {
   step?: SetupStep;
@@ -20,12 +20,12 @@ const setup = ({ step = "data_usage" }: SetupOpts = {}) => {
   });
 
   setupErrorSetupEndpoints();
-  renderWithProviders(<PreferencesStep stepLabel={0} />, {
+  renderWithProviders(<DataUsageStep stepLabel={0} />, {
     storeInitialState: state,
   });
 };
 
-describe("PreferencesStep", () => {
+describe("DataUsageStep", () => {
   it("should render in inactive state", () => {
     setup({ step: "user_info" });
 

frontend/src/metabase/setup/components/DataUsageStep/index.ts

+export * from "./DataUsageStep";

frontend/src/metabase/setup/components/PreferencesStep/index.ts

-export * from "./PreferencesStep";

frontend/src/metabase/setup/components/SettingsPage/SettingsPage.tsx

@@ -6,7 +6,7 @@ import { CompletedStep } from "../CompletedStep";
 import { DatabaseHelp } from "../DatabaseHelp";
 import { DatabaseStep } from "../DatabaseStep";
 import { LanguageStep } from "../LanguageStep";
-import { PreferencesStep } from "../PreferencesStep";
+import { DataUsageStep } from "../DataUsageStep";
 import { SetupHelp } from "../SetupHelp";
 import type { NumberedStepProps } from "../types";
 import { UsageQuestionStep } from "../UsageQuestionStep";
@@ -21,7 +21,7 @@ const STEP_COMPONENTS: Record<
   user_info: UserStep,
   usage_question: UsageQuestionStep,
   db_connection: DatabaseStep,
-  data_usage: PreferencesStep,
+  data_usage: DataUsageStep,
 };
 
 export const SettingsPage = (): JSX.Element => {