diff --git a/src/pages/TopFlix.tsx b/src/pages/TopFlix.tsx
index c19b4451..a62f4fc7 100644
--- a/src/pages/TopFlix.tsx
+++ b/src/pages/TopFlix.tsx
@@ -64,16 +64,19 @@ function ConfigValue(props: {
{link ? (
-
navigate(link)} className="hover:underline">
+
navigate(link)}
+ className="cursor-pointer hover:underline"
+ >
{props.name}
) : (
{props.name}
)}
-
{props.children}
+
{props.children}
-
+
{props.type.charAt(0).toUpperCase() + props.type.slice(1)}
@@ -237,13 +240,13 @@ export function TopFlix() {
The most popular movies on sudo-flix.lol, this data is fetched from
the current backend deployment.
-
-
+
+
Server Lifetime: {timeSinceProcessStart}
-
+
Overall Views: {totalViews}
@@ -282,7 +285,9 @@ export function TopFlix() {
>
Previous page
-
+
{currentPage}/{maxPageCount}
s.location);
const loc = props.location ?? null;
const { pathname } = useLocation();
+ const isEligible =
+ /CrOS/.test(navigator.userAgent) ||
+ /TV/.test(navigator.userAgent) ||
+ /iPhone|iPad|iPod/i.test(navigator.userAgent);
useEffect(() => {
if (loc) {
@@ -83,8 +87,8 @@ export function ExtensionBanner(props: {
if (currentLocation !== loc || pathname === "/onboarding/extension")
return null;
- // Show the banner with a 40% chance
- if (Math.random() < 0.4) {
+ // Show the banner with a 50% chance or not if users dont meet requirements
+ if (!isEligible && Math.random() < 0.5) {
let bannerText = "";
switch (props.extensionState) {
case "noperms":
diff --git a/src/stores/language/index.tsx b/src/stores/language/index.tsx
index c901fddf..d2c875c2 100644
--- a/src/stores/language/index.tsx
+++ b/src/stores/language/index.tsx
@@ -15,7 +15,7 @@ export interface LanguageStore {
export const useLanguageStore = create(
persist(
immer((set) => ({
- language: "en",
+ language: navigator.language.split("-")[0],
setLanguage(v) {
set((s) => {
s.language = v;