BetterChatGPTのサイドバーの”API”メニューを非表示にする

前回、社内向けにBetterChatGPTを構築しましたが、.envファイルにAPIキーを入力したので、APIメニューを非表示にしようと思いました。そのままだと、APIキーが社内の誰でも表示されて、好き勝手使われるかもしれないので、念のためです。

突貫でTypeScriptを触るので、正しい方法かはわかりません。

コードを変更

APIのリンクを作っている個所をコメントアウトします。

“./BetterChatGPT/src/components/Menu/MenuOptions/Api.tsx”

{/*　*/}　を追加して、＜a＞タグを返さないようにしているだけです。

const Config = () => {
  const { t } = useTranslation();
  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);

  return (
    <>
    {/*
      <a
        className='flex py-2 px-2 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer text-sm'
        id='api-menu'
        onClick={() => setIsModalOpen(true)}
      >
        <PersonIcon />
        {t('api')}
      </a>
      */}
      {isModalOpen && <ApiMenu setIsModalOpen={setIsModalOpen} />}
    </>
  );
};

コードを変更したらコンテナをビルド

コマンドは前回と同じです。

フォルダ内でビルド

docker build -t betterchatgpt .

Dockerコンテナ起動

docker run -d -p 3000:3000 betterchatgpt

コードを変更

コードを変更したらコンテナをビルド

Leave a Reply Cancel reply