build date, fix cloak settings

src/hooks/index.ts

@@ -89,9 +89,9 @@ const defaultConfig: Config = {
 		wispServer: "",
 	},
 	cloak: {
-		preset: "Google",
-		title: "Google",
-		favicon: "https://www.google.com/favicon.ico",
+		preset: "None",
+		title: "Ephemeral",
+		favicon: "/icon.svg",
 	},
 	search: {
 		url: "https://google.com/search?q=",

src/main-layout.tsx

@@ -85,7 +85,7 @@ export default function MainLayout() {
 								/>
 								Ephemeral {packageJson.version}
 							</DialogTitle>
-							<DialogDescription className=" items-center justify-start text-foreground">
+							<DialogDescription className="items-center justify-start text-foreground">
 								Ephemeral is a powerful proxy with Ultraviolet and other
 								features, made by the z1g Project.
 								<br />
@@ -96,7 +96,7 @@ export default function MainLayout() {
 										<a
 											href={project.url}
 											key={key}
-											className="w-auto font-medium text-primary underline-offset-4 hover:underline"
+											className="inline font-medium text-primary underline-offset-4 hover:underline"
 										>
 											<li>{project.name}</li>
 										</a>
@@ -109,7 +109,7 @@ export default function MainLayout() {
 										<a
 											href={`https://github.com/${developer}`}
 											key={key}
-											className="w-auto font-medium text-primary underline-offset-4 hover:underline"
+											className="inline font-medium text-primary underline-offset-4 hover:underline"
 										>
 											<li>{developer}</li>
 										</a>
@@ -124,7 +124,7 @@ export default function MainLayout() {
 											href={data?.html_url}
 											target="_blank"
 											rel="noreferrer"
-											className="w-auto font-medium text-primary underline-offset-4 hover:underline"
+											className="inline font-medium text-primary underline-offset-4 hover:underline"
 										>
 											{new Date(
 												data?.commit?.committer.date,
@@ -137,6 +137,8 @@ export default function MainLayout() {
 								) : (
 									"No commit information available."
 								)}
+								<br />
+								This version of Ephemeral was built on {__BUILD_DATE__}
 							</DialogDescription>
 						</DialogHeader>
 					</DialogContent>

src/pages/View.tsx

@@ -240,6 +240,7 @@ export default function View() {
 									asChild: asChild ?? false,
 								}}
 								variant="ghost"
+								size="icon"
 							>
 								{children}
 							</Button>
@@ -322,6 +323,7 @@ export default function View() {
 									asChild: asChild ?? false,
 								}}
 								variant="ghost"
+								size="icon"
 							>
 								{children}
 							</Button>

src/pages/settings/CloakSettings.tsx

@@ -26,6 +26,7 @@ export default function CloakSettings() {
 	const cloakTitleRef = useRef<HTMLInputElement>(null);
 	const cloakFaviconRef = useRef<HTMLInputElement>(null);
 	const { toast } = useToast();
+
 	const [config, reset, loading] = useConfig("cloak");
 
 	useEffect(() => {
@@ -36,6 +37,11 @@ export default function CloakSettings() {
 	}, [config]);
 
 	const cloakValues = [
+		{
+			name: "None",
+			title: "Ephemeral",
+			favicon: "/icon.svg",
+		},
 		{
 			name: "Schoology",
 			title: "Home | Schoology",
@@ -114,7 +120,8 @@ export default function CloakSettings() {
 					<CardContent>
 						<Label htmlFor="presets">Presets</Label>
 						<Select
-							onValueChange={async (value) => {
+							value={config?.preset}
+							onValueChange={(value) => {
 								const cloak = cloakValues.find((cloak) => cloak.name === value);
 								if (cloak) {
 									config && (config.preset = cloak.name);
@@ -124,6 +131,10 @@ export default function CloakSettings() {
 										title: "Cloak Preset Changed",
 										description: `Cloak preset has been changed to "${value}"`,
 									});
+									setTimeout(
+										window.location.reload.bind(window.location),
+										1000,
+									);
 								}
 							}}
 						>

src/routes.tsx

@@ -23,7 +23,7 @@ const routes = createBrowserRouter([
 				loader: async () => {
 					return json(
 						await fetch(
-							"https://api.github.com/repos/z1g-project/web/commits/main",
+							"https://api.github.com/repos/z1g-project/ephemer/commits/main",
 						)
 							.then((res) => res.json())
 							.catch(() => ({})),

src/vite-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __BUILD_DATE__: string;

vite.config.ts

@@ -46,6 +46,6 @@ export default defineConfig({
 		},
 	},
 	define: {
-		"process.env.STATIC": process.env.STATIC,
+		__BUILD_DATE__: JSON.stringify(new Date().toLocaleString()),
 	},
 });