Repository: cloudflare/wildebeest
File: frontend/src/routes/(admin)/settings/migration/index.tsx (TypeScript)

Code before:

export const loader = loader$(({ redirect }) => {
	redirect(303, '/explore')
})

export default component$(() => {
	loader.use()

	return (
		<div class="max-w-4xl py-14 px-8">
			<h2 class="text-2xl font-bold mb-10">Account Migration</h2>

			<div class="text-green-700 mb-10">Your account is not currently being redirected to any other account.</div>

			<h3 class="text-xl mb-6">Move to a different account</h3>

			<p class="text-sm text-wildebeest-400 mb-5">Before proceeding, please read these notes carefully:</p>

			<ul class="list-disc list-inside text-sm text-yellow-500 mb-5">
				<li class="pb-1">This action will move all followers from the current account to the new account</li>
				<li class="pb-1">
					Your current account's profile will be updated with a redirect notice and be excluded from searches
				</li>
				<li class="pb-1">No other data will be moved automatically</li>
				<li class="pb-1">The new account must first be configured to back-reference this one</li>
				<li class="pb-1">After moving there is a waiting period during which you will not be able to move again</li>
				<li class="pb-1">
					Your current account will not be fully usable afterwards. However, you will have access to data export as well
					as re-activation.
				</li>
			</ul>

			<p class="text-sm text-wildebeest-400 mb-10">
				Alternatively, you can <a href="/settings/aliases">only put up a redirect on your profile. </a>
			</p>

			<div class="flex">
				<div class="pr-3">
					<div class="my-5">
						<label class="font-semibold mb-3" for="old-account">
							Handle of the new account
							<span class="ml-1 text-red-500">*</span>
						</label>
						<div class="text-sm text-wildebeest-400">
							Specify the username@domain of the account you want to move to
						</div>
					</div>
					<input
						class="bg-black text-white p-3 rounded outline-none border border-black hover:border-wildebeest-vibrant-500 focus:border-wildebeest-vibrant-500 w-full mb-5"
						type="text"
						name="old-account"

Review comment (suggestion):
instead of having all the items below with `pb-1` I think you could change the `ul` to have `flex flex-col gap-1`, I guess it's nice to just specify the spacing once in that way, but if you prefer having the`pb-1`s that's also fine by me 🙂 

Code after:
import { WildebeestEnv } from '~/types'
// import { checkAuth } from '~/utils/checkAuth'

export const loader = loader$<WildebeestEnv, void>(async ({ redirect }) => {
	// Hiding this page for now
	redirect(303, '/explore')

	// const isAuthorized = await checkAuth(request, platform)

	// if (!isAuthorized) {
	// 	redirect(303, '/explore')
	// }
})

export default component$(() => {
	return (
		<div class="max-w-4xl py-14 px-8">
			<h2 class="text-2xl font-bold mb-10">Account Migration</h2>

			<div class="text-green-700 mb-10">Your account is not currently being redirected to any other account.</div>

			<h3 class="text-xl mb-6">Move to a different account</h3>

			<p class="text-sm text-wildebeest-400 mb-5">Before proceeding, please read these notes carefully:</p>

			<ul class="list-disc list-inside text-sm text-yellow-500 mb-5">
				<li class="pb-1">This action will move all followers from the current account to the new account</li>
				<li class="pb-1">
					Your current account's profile will be updated with a redirect notice and be excluded from searches
				</li>
				<li class="pb-1">No other data will be moved automatically</li>
				<li class="pb-1">The new account must first be configured to back-reference this one</li>
				<li class="pb-1">After moving there is a waiting period during which you will not be able to move again</li>
				<li class="pb-1">
					Your current account will not be fully usable afterwards. However, you will have access to data export as well
					as re-activation.
				</li>
			</ul>

			<p class="text-sm text-wildebeest-400 mb-10">
				Alternatively, you can <a href="/settings/aliases">only put up a redirect on your profile. </a>
			</p>

			<div class="flex">
				<div class="pr-3">
					<div class="my-5">
						<label class="font-semibold mb-3" for="old-account">
							Handle of the new account
							<span class="ml-1 text-red-500">*</span>
						</label>
						<div class="text-sm text-wildebeest-400">