Clean up quotes (#22942)

frontend/src/metabase/nav/components/AdminNavbar/AdminNavbar.tsx

@@ -31,7 +31,7 @@ export const AdminNavbar = ({
 }: AdminNavbarProps) => {
   return (
     <AdminNavbarRoot className="Nav">
-      <AdminLogoLink to="/admin" data-metabase-event={"Navbar;Logo"}>
+      <AdminLogoLink to="/admin" data-metabase-event="Navbar;Logo">
         <AdminLogoContainer>
           <LogoIcon className="text-brand my2" dark />
           <AdminLogoText>{t`Metabase Admin`}</AdminLogoText>

frontend/src/metabase/new_query/components/NewQueryOption.jsx

@@ -44,7 +44,7 @@ export default class NewQueryOption extends Component {
           <h2 className={cx("transition-all", { "text-brand": hover })}>
             {title}
           </h2>
-          <p className={"text-medium text-small"}>{description}</p>
+          <p className="text-medium text-small">{description}</p>
         </div>
       </Link>
     );

frontend/src/metabase/new_query/containers/NewQueryOptions.jsx

@@ -81,7 +81,7 @@ class NewQueryOptions extends Component {
                 description={t`Pick some data, view it, and easily filter, summarize, and visualize it.`}
                 width={180}
                 to={Urls.newQuestion({ creationType: "simple_question" })}
-                data-metabase-event={`New Question; Simple Question Start`}
+                data-metabase-event="New Question; Simple Question Start"
               />
             </QueryOptionsGridItem>
           )}
@@ -96,7 +96,7 @@ class NewQueryOptions extends Component {
                   mode: "notebook",
                   creationType: "custom_question",
                 })}
-                data-metabase-event={`New Question; Custom Question Start`}
+                data-metabase-event="New Question; Custom Question Start"
               />
             </QueryOptionsGridItem>
           )}
@@ -111,7 +111,7 @@ class NewQueryOptions extends Component {
                   creationType: "native_question",
                 })}
                 width={180}
-                data-metabase-event={`New Question; Native Query Start`}
+                data-metabase-event="New Question; Native Query Start"
               />
             </QueryOptionsGridItem>
           )}

frontend/src/metabase/parameters/components/ParameterSidebar.jsx

@@ -194,7 +194,7 @@ class OtherParameterList extends React.Component {
               <span className="text-italic">this</span>
             )} filter.`}</p>
             {usableParameters.map(({ id, name }) => (
-              <div className={"bg-light rounded mb2"} key={name}>
+              <div className="bg-light rounded mb2" key={name}>
                 <div className="flex justify-between align-center p2">
                   <span
                     className="border-dashed-bottom text-bold cursor-pointer"

frontend/src/metabase/public/containers/PublicDashboard.jsx

@@ -136,7 +136,7 @@ class PublicDashboard extends Component {
           {() => (
             <DashboardGrid
               {...this.props}
-              className={"spread"}
+              className="spread"
               mode={PublicMode}
               metadata={this.props.metadata}
               navigateToNewCardFromDashboard={() => {}}

frontend/src/metabase/query_builder/components/AggregationPopover.jsx

@@ -344,7 +344,7 @@ export default class AggregationPopover extends Component {
             </a>
           </div>
           <FieldList
-            className={"text-green"}
+            className="text-green"
             width={this.props.width}
             maxHeight={this.props.maxHeight - (this.state.headerHeight || 0)}
             query={query}

frontend/src/metabase/query_builder/components/AlertListPopoverContent.jsx

@@ -173,7 +173,7 @@ class AlertListItemInner extends Component {
               <AlertCreatorTitle alert={alert} user={user} />
             </div>
             <div
-              className={`ml-auto text-bold text-small`}
+              className="ml-auto text-bold text-small"
               style={{
                 transform: `translateY(4px)`,
               }}
@@ -246,7 +246,7 @@ export const UnsubscribedListItem = () => (
       <Icon name="check" className="text-success" />
     </div>
     <h3
-      className={`text-dark`}
+      className="text-dark"
       style={{ marginLeft: 10 }}
     >{jt`Okay, you're unsubscribed`}</h3>
   </li>

frontend/src/metabase/query_builder/components/DataSelector.jsx

@@ -1467,7 +1467,7 @@ const TablePicker = ({
           hasInitialFocus={hasInitialFocus}
           sections={sections}
           maxHeight={Infinity}
-          width={"100%"}
+          width="100%"
           searchable={hasFiltering && tables.length >= minTablesToShowSearch}
           onChange={item => onChangeTable(item.table)}
           itemIsSelected={item =>
@@ -1565,7 +1565,7 @@ class FieldPicker extends Component {
           hasInitialFocus={hasInitialFocus}
           sections={sections}
           maxHeight={Infinity}
-          width={"100%"}
+          width="100%"
           searchable={hasFiltering}
           onChange={item => onChangeField(item.field)}
           itemIsSelected={item =>

frontend/src/metabase/query_builder/components/NativeQueryEditor/RightClickPopover/RightClickPopover.jsx

@@ -27,12 +27,12 @@ const NativeQueryEditorRightClickPopover = ({
   <Popover isOpen={isOpen} target={target}>
     <Container>
       <Anchor onClick={runQuery}>
-        <Icon name={"play"} size={16} />
+        <Icon name="play" size={16} />
         <h4>{t`Run selection`}</h4>
       </Anchor>
       {canSaveSnippets && (
         <Anchor onClick={openSnippetModalWithSelectedText}>
-          <Icon name={"snippet"} size={16} />
+          <Icon name="snippet" size={16} />
           <h4>{t`Save as snippet`}</h4>
         </Anchor>
       )}

frontend/src/metabase/query_builder/components/SavedQuestionIntroModal.jsx

@@ -23,7 +23,7 @@ export default class SavedQuestionIntroModal extends Component {
           <div className="px2 pb2 text-paragraph">{message}</div>
           <div className="Form-actions flex justify-center py1">
             <button
-              data-metabase-event={"QueryBuilder;IntroModal"}
+              data-metabase-event="QueryBuilder;IntroModal"
               className="Button Button--primary"
               onClick={onClose}
             >

frontend/src/metabase/query_builder/components/expressions/Expressions.jsx

@@ -50,7 +50,7 @@ export default class Expressions extends Component {
           ))}
 
         <a
-          data-metabase-event={"QueryBuilder;Show Add Custom Field"}
+          data-metabase-event="QueryBuilder;Show Add Custom Field"
           className="text-light text-bold flex align-center text-medium-hover cursor-pointer no-decoration transition-color"
           onClick={() => onAddExpression()}
         >

frontend/src/metabase/query_builder/components/filters/pickers/DatePicker/DatePicker.tsx

@@ -282,7 +282,7 @@ const DatePicker: React.FC<Props> = props => {
     <div className={cx(className)}>
       {!operator || showShortcuts ? (
         <DatePickerShortcuts
-          className={"p2"}
+          className="p2"
           primaryColor={primaryColor}
           onFilterChange={filter => {
             setShowShortcuts(false);

frontend/src/metabase/query_builder/components/filters/pickers/DatePicker/DatePickerShortcuts.tsx

@@ -164,7 +164,7 @@ export default function DatePickerShortcuts({
     <div className={className}>
       {onBack ? (
         <SidebarHeader
-          className={"text-default py1 mb1"}
+          className="text-default py1 mb1"
           title={title}
           onBack={onBack}
         />

frontend/src/metabase/query_builder/components/filters/pickers/DatePicker/RelativeDatePicker.tsx

@@ -241,7 +241,7 @@ const RelativeDatePicker: React.FC<Props> = props => {
       {showOptions ? (
         <TippyPopover
           visible={optionsVisible}
-          placement={"bottom-start"}
+          placement="bottom-start"
           content={optionsContent}
           onClose={() => setOptionsVisible(false)}
         >
@@ -291,7 +291,7 @@ const RelativeDatePicker: React.FC<Props> = props => {
             intervals={Math.abs(startingFrom[0])}
             formatter={formatter}
             periods={ALL_PERIODS}
-            testId={"starting-from-unit"}
+            testId="starting-from-unit"
           />
           <MoreButton
             icon="close"

frontend/src/metabase/query_builder/components/template_tags/TagEditorHelp.jsx

@@ -299,7 +299,7 @@ const TagEditorHelp = ({
         <ExternalLink
           href={MetabaseSettings.docsUrl("users-guide/13-sql-parameters")}
           target="_blank"
-          data-metabase-event={"QueryBuilder;Template Tag Documentation Click"}
+          data-metabase-event="QueryBuilder;Template Tag Documentation Click"
         >{t`Read the full documentation`}</ExternalLink>
       </p>
     </div>

frontend/src/metabase/query_builder/components/view/QuestionFilters.jsx

@@ -166,7 +166,7 @@ export function QuestionFilterWidget({
         color={color("filter")}
         active={isShowingFilterSidebar}
         onClick={isShowingFilterSidebar ? onCloseFilter : onAddFilter}
-        data-metabase-event={`View Mode; Open Filter Widget`}
+        data-metabase-event="View Mode; Open Filter Widget"
       >
         {t`Filter`}
       </HeaderButton>

frontend/src/metabase/query_builder/components/view/ViewHeader.jsx

@@ -275,7 +275,7 @@ function AhHocQuestionLeftSide(props) {
             question={question}
             isObjectDetail={isObjectDetail}
             subHead
-            data-metabase-event={`Question Data Source Click`}
+            data-metabase-event="Question Data Source Click"
           />
         )}
       </ViewHeaderLeftSubHeading>
@@ -497,7 +497,7 @@ function ViewTitleHeaderRightSide(props) {
           isShowingSummarySidebar={isShowingSummarySidebar}
           onEditSummary={onEditSummary}
           onCloseSummary={onCloseSummary}
-          data-metabase-event={`View Mode; Open Summary Widget`}
+          data-metabase-event="View Mode; Open Summary Widget"
         />
       )}
       {QuestionNotebookButton.shouldRender(props) && (
@@ -518,7 +518,7 @@ function ViewTitleHeaderRightSide(props) {
         <NativeQueryButton
           size={16}
           question={question}
-          data-metabase-event={`Notebook Mode; Convert to SQL Click`}
+          data-metabase-event="Notebook Mode; Convert to SQL Click"
         />
       )}
       {hasExploreResultsLink && <ExploreResultsLink question={question} />}

frontend/src/metabase/query_builder/containers/QuestionHistoryModal.jsx

@@ -16,7 +16,7 @@ class QuestionHistoryModalInner extends React.Component {
     const { question, onClose, onReverted } = this.props;
     return (
       <HistoryModal
-        modelType={"card"}
+        modelType="card"
         modelId={question.id}
         canRevert={question.can_write}
         onClose={onClose}

frontend/src/metabase/reference/databases/NoDatabasesEmptyState.jsx

@@ -8,9 +8,9 @@ const NoDatabasesEmptyState = user => (
     title={t`Metabase is no fun without any data`}
     adminMessage={t`Your databases will appear here once you connect one`}
     message={t`Databases will appear here once your admins have added some`}
-    image={"app/assets/img/databases-list"}
+    image="app/assets/img/databases-list"
     adminAction={t`Connect a database`}
-    adminLink={"/admin/databases/create"}
+    adminLink="/admin/databases/create"
     user={user}
   />
 );

frontend/src/metabase/static-viz/components/ProgressBar/ProgressBar.tsx

@@ -87,7 +87,7 @@ const ProgressBar = ({
           rx={layout.borderRadius}
         />
       </ClipPath>
-      <Group clipPath={`url(#rounded-bar)`} top={layout.margin.top} left={xMin}>
+      <Group clipPath="url(#rounded-bar)" top={layout.margin.top} left={xMin}>
         <rect
           width={barWidth}
           height={layout.barHeight}
@@ -123,7 +123,7 @@ const ProgressBar = ({
       <Group left={pointerX} top={pointerY}>
         <Text
           fontSize={layout.fontSize}
-          textAnchor={"middle"}
+          textAnchor="middle"
           dy="-0.4em"
           dx={valueTextShift}
         >