Sep 11, 2023 · Sep 8, 2023 · Sep 8, 2023 · Sep 8, 2023 · Sep 8, 2023 · Sep 8, 2023
diff --git a/site/src/components/IconField/IconField.tsx b/site/src/components/IconField/IconField.tsx
 import Picker from "@emoji-mart/react";
 import { makeStyles } from "@mui/styles";
 import { colors } from "theme/colors";
 import { useTranslation } from "react-i18next";
 import data from "@emoji-mart/data/sets/14/twitter.json";
 import { Stack } from "components/Stack/Stack";

  const styles = useStyles();
  const emojiButtonRef = useRef<HTMLButtonElement>(null);
  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState(false);
  const { t } = useTranslation("templateSettingsPage");
  const hasIcon = textFieldProps.value && textFieldProps.value !== "";

  return (
    <Stack spacing={1}>
      <TextField
        {...textFieldProps}
        fullWidth
        label={t("iconLabel")}
        label="Icon"
        InputProps={{
          endAdornment: hasIcon ? (
            <InputAdornment position="end" className={styles.adornment}>
          setIsEmojiPickerOpen((v) => !v);
        }}
      >
 {t("selectEmoji")}
 Select emoji
      </Button>

      <Popover
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,7 +7,6 @@ import { useRef, FC, useState } from "react";
		import Picker from "@emoji-mart/react";
		import { makeStyles } from "@mui/styles";
		import { colors } from "theme/colors";
		import { useTranslation } from "react-i18next";
		import data from "@emoji-mart/data/sets/14/twitter.json";
		import { Stack } from "components/Stack/Stack";

Expand All		@@ -26,15 +25,14 @@ const IconField: FC<IconFieldProps> = ({ onPickEmoji, ...textFieldProps }) => {
		const styles = useStyles();
		const emojiButtonRef = useRef<HTMLButtonElement>(null);
		const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState(false);
		const { t } = useTranslation("templateSettingsPage");
		const hasIcon = textFieldProps.value && textFieldProps.value !== "";

		return (
		<Stack spacing={1}>
		<TextField
		{...textFieldProps}
		fullWidth
		label={t("iconLabel")}
		label="Icon"
		InputProps={{
		endAdornment: hasIcon ? (
		<InputAdornment position="end" className={styles.adornment}>
Expand All		@@ -59,7 +57,7 @@ const IconField: FC<IconFieldProps> = ({ onPickEmoji, ...textFieldProps }) => {
		setIsEmojiPickerOpen((v) => !v);
		}}
		>
		{t("selectEmoji")}
		Select emoji
		</Button>

		<Popover
Expand Down