Clean up quotes (#22942)

enterprise/frontend/src/metabase-enterprise/audit_app/pages/AuditDatabaseDetail.jsx

@@ -17,7 +17,7 @@ const AuditDatabaseDetail = ({ params, ...props }) => {
         <EntityName
           entityType="databases"
           entityId={databaseId}
-          property={"name"}
+          property="name"
         />
       }
       tabs={AuditDatabaseDetail.tabs}

enterprise/frontend/src/metabase-enterprise/audit_app/pages/AuditTableDetail.jsx

@@ -17,7 +17,7 @@ const AuditTableDetail = ({ params, ...props }) => {
         <EntityName
           entityType="tables"
           entityId={tableId}
-          property={"display_name"}
+          property="display_name"
         />
       }
       tabs={AuditTableDetail.tabs}

enterprise/frontend/src/metabase-enterprise/audit_app/pages/AuditUserDetail.jsx

@@ -18,7 +18,7 @@ const AuditUserDetail = ({ params, ...props }) => {
         <EntityName
           entityType="users"
           entityId={userId}
-          property={"common_name"}
+          property="common_name"
         />
       }
       tabs={AuditUserDetail.tabs}

enterprise/frontend/src/metabase-enterprise/tools/containers/ErrorOverview.jsx

@@ -108,7 +108,7 @@ export default function ErrorOverview(props) {
               sorting.column,
               getSortOrder(sorting.isAscending),
             )}
-            className={"mt2 bounded-overflow-x-scroll"}
+            className="mt2 bounded-overflow-x-scroll"
           />
         )}
       </AuditParameters>

frontend/src/metabase/admin/datamodel/components/MetricForm.jsx

@@ -27,7 +27,7 @@ class MetricForm extends Component {
           onClick={handleSubmit}
         >{t`Save changes`}</button>
         <Link
-          to={`/admin/datamodel/metrics`}
+          to="/admin/datamodel/metrics"
           className="Button ml2"
         >{t`Cancel`}</Link>
       </div>

frontend/src/metabase/admin/datamodel/components/ObjectActionSelect.jsx

@@ -34,7 +34,7 @@ export default class ObjectActionsSelect extends Component {
         <PopoverWithTrigger
           triggerElement={
             <span className="text-light text-brand-hover">
-              <Icon name={"ellipsis"} />
+              <Icon name="ellipsis" />
             </span>
           }
         >

frontend/src/metabase/admin/datamodel/components/PartialQueryBuilder.jsx

@@ -118,7 +118,7 @@ class PartialQueryBuilder extends Component {
             <span className="text-bold px3">{previewSummary}</span>
             <Link
               to={previewUrl}
-              data-metabase-event={"Data Model;Preview Click"}
+              data-metabase-event="Data Model;Preview Click"
               target={window.OSX ? null : "_blank"}
               rel="noopener noreferrer"
               className="Button Button--primary"

frontend/src/metabase/admin/datamodel/components/SegmentForm.jsx

@@ -37,7 +37,7 @@ class SegmentForm extends Component {
           onClick={handleSubmit}
         >{t`Save changes`}</button>
         <Link
-          to={`/admin/datamodel/segments`}
+          to="/admin/datamodel/segments"
           className="Button ml2"
         >{t`Cancel`}</Link>
       </div>

frontend/src/metabase/admin/datamodel/containers/MetricListApp.jsx

@@ -18,7 +18,7 @@ class MetricListAppInner extends React.Component {
       <div className="px3 pb2">
         <div className="flex py2">
           {tableSelector}
-          <Link to={`/admin/datamodel/metric/create`} className="ml-auto">
+          <Link to="/admin/datamodel/metric/create" className="ml-auto">
             <Button primary>{t`New metric`}</Button>
           </Link>
         </div>

frontend/src/metabase/admin/datamodel/containers/SegmentListApp.jsx

@@ -18,7 +18,7 @@ class SegmentListAppInner extends React.Component {
       <div className="px3 pb2">
         <div className="flex py2">
           {tableSelector}
-          <Link to={`/admin/datamodel/segment/create`} className="ml-auto">
+          <Link to="/admin/datamodel/segment/create" className="ml-auto">
             <Button primary>{t`New segment`}</Button>
           </Link>
         </div>

frontend/src/metabase/auth/components/ForgotPassword/ForgotPassword.tsx

@@ -84,7 +84,7 @@ const ForgotPasswordForm = ({
         onSubmit={handleSubmit}
       />
       <FormFooter>
-        <FormLink to={"/auth/login"}>{t`Back to sign in`}</FormLink>
+        <FormLink to="/auth/login">{t`Back to sign in`}</FormLink>
       </FormFooter>
     </div>
   );
@@ -101,7 +101,7 @@ const ForgotPasswordSuccess = (): JSX.Element => {
       </InfoMessage>
       <InfoLink
         className="Button Button--primary"
-        to={"/auth/login"}
+        to="/auth/login"
       >{t`Back to sign in`}</InfoLink>
     </InfoBody>
   );
@@ -113,7 +113,7 @@ const ForgotPasswordDisabled = (): JSX.Element => {
       <InfoMessage>
         {t`Please contact an administrator to have them reset your password.`}
       </InfoMessage>
-      <InfoLink to={"/auth/login"}>{t`Back to sign in`}</InfoLink>
+      <InfoLink to="/auth/login">{t`Back to sign in`}</InfoLink>
     </InfoBody>
   );
 };

frontend/src/metabase/auth/components/ResetPassword/ResetPassword.tsx

@@ -120,7 +120,7 @@ const ResetPasswordSuccess = (): JSX.Element => {
       <InfoMessage>{t`You've updated your password.`}</InfoMessage>
       <Link
         className="Button Button--primary"
-        to={"/"}
+        to="/"
       >{t`Sign in with your new password`}</Link>
     </InfoBody>
   );

frontend/src/metabase/browse/components/BrowseHeader.jsx

@@ -18,7 +18,7 @@ export default function BrowseHeader({ crumbs }) {
           <Link
             className="flex flex-align-right"
             to="reference"
-            data-metabase-event={`NavBar;Reference`}
+            data-metabase-event="NavBar;Reference"
           >
             <div className="flex align-center text-medium text-brand-hover">
               <Icon className="flex align-center" size={14} name="reference" />

frontend/src/metabase/components/ColorRangePicker.jsx

@@ -34,7 +34,7 @@ const ColorRangePicker = ({
         {ranges.map((range, index) => (
           <div
             key={index}
-            className={"mb1 pl1"}
+            className="mb1 pl1"
             style={{ flex: `1 1 ${Math.round(100 / columns)}%` }}
           >
             <ColorRangePreview

frontend/src/metabase/components/TitleAndDescription.jsx

@@ -9,7 +9,7 @@ const TitleAndDescription = ({ title, description, className }) => (
   <div className={cx("flex align-center", className)}>
     <h2 className="h2 mr1 text-wrap">{title}</h2>
     {description && (
-      <Tooltip tooltip={description} maxWidth={"22em"}>
+      <Tooltip tooltip={description} maxWidth="22em">
         <Icon name="info" className="mx1" />
       </Tooltip>
     )}

frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.jsx

@@ -205,7 +205,7 @@ class AddSeriesModal extends Component {
               {t`Done`}
             </button>
             <button
-              data-metabase-event={"Dashboard;Edit Series Modal;cancel"}
+              data-metabase-event="Dashboard;Edit Series Modal;cancel"
               className="Button ml2"
               onClick={this.props.onClose}
             >

frontend/src/metabase/dashboard/components/DashCard.jsx

@@ -440,7 +440,7 @@ const RemoveButton = ({ onRemove }) => (
 const AddSeriesButton = ({ series, onAddSeries }) => (
   <a
     data-testid="add-series-button"
-    data-metabase-event={"Dashboard;Edit Series Modal;open"}
+    data-metabase-event="Dashboard;Edit Series Modal;open"
     className="text-dark-hover cursor-pointer h3 flex-no-shrink relative mr1 drag-disabled"
     onClick={onAddSeries}
     style={HEADER_ACTION_STYLE}
@@ -464,7 +464,7 @@ const AddSeriesButton = ({ series, onAddSeries }) => (
 const ToggleCardPreviewButton = ({ isPreviewing, onPreviewToggle }) => {
   return (
     <a
-      data-metabase-event={"Dashboard;Text;edit"}
+      data-metabase-event="Dashboard;Text;edit"
       className="text-dark-hover cursor-pointer h3 flex-no-shrink relative mr1 drag-disabled"
       onClick={onPreviewToggle}
       style={HEADER_ACTION_STYLE}

frontend/src/metabase/dashboard/components/DashboardActions.jsx

@@ -57,7 +57,7 @@ export const getDashboardActions = (
             <DashboardHeaderButton
               disabled={!canManageSubscriptions}
               onClick={onSharingClick}
-              data-metabase-event={"Dashboard;Subscriptions"}
+              data-metabase-event="Dashboard;Subscriptions"
             >
               <Icon size={18} name="subscription" />
             </DashboardHeaderButton>

frontend/src/metabase/dashboard/containers/Dashboard.jsx

@@ -20,11 +20,7 @@ export class Dashboard extends Component {
         noBackground
       >
         {() => (
-          <DashboardGrid
-            dashboard={dashboard}
-            {...props}
-            className={"spread"}
-          />
+          <DashboardGrid dashboard={dashboard} {...props} className="spread" />
         )}
       </LoadingAndErrorWrapper>
     );

frontend/src/metabase/dashboard/containers/DashboardHeader.jsx

@@ -252,7 +252,7 @@ class DashboardHeader extends Component {
         <Tooltip key="revision-history" tooltip={t`Revision history`}>
           <Link
             to={location.pathname + "/history"}
-            data-metabase-event={"Dashboard;Revisions"}
+            data-metabase-event="Dashboard;Revisions"
           >
             {t`Revision history`}
           </Link>
@@ -286,7 +286,7 @@ class DashboardHeader extends Component {
           <Link
             className={extraButtonClassNames}
             to={location.pathname + "/details"}
-            data-metabase-event={"Dashboard;EditDetails"}
+            data-metabase-event="Dashboard;EditDetails"
           >
             {t`Edit dashboard details`}
           </Link>,
@@ -306,7 +306,7 @@ class DashboardHeader extends Component {
         <Link
           className={extraButtonClassNames}
           to={location.pathname + "/history"}
-          data-metabase-event={"Dashboard;EditDetails"}
+          data-metabase-event="Dashboard;EditDetails"
         >
           {t`Revision history`}
         </Link>,
@@ -316,7 +316,7 @@ class DashboardHeader extends Component {
         <Link
           className={extraButtonClassNames}
           to={location.pathname + "/copy"}
-          data-metabase-event={"Dashboard;Copy"}
+          data-metabase-event="Dashboard;Copy"
         >
           {t`Duplicate`}
         </Link>,
@@ -327,7 +327,7 @@ class DashboardHeader extends Component {
           <Link
             className={extraButtonClassNames}
             to={location.pathname + "/move"}
-            data-metabase-event={"Dashboard;Move"}
+            data-metabase-event="Dashboard;Move"
           >
             {t`Move`}
           </Link>,
@@ -339,7 +339,7 @@ class DashboardHeader extends Component {
           <Link
             className={extraButtonClassNames}
             to={location.pathname + "/archive"}
-            data-metabase-event={"Dashboard;Archive"}
+            data-metabase-event="Dashboard;Archive"
           >
             {t`Archive`}
           </Link>,