Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add oidcs on the server-url page

Browse Source
This commit is contained in:
Zoe Roux 2024-03-06 22:49:56 +01:00
parent e8b4a26eda
commit 35e1cc7253
3 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
front/packages/primitives/src/links.tsx
View File

@ -99,7 +99,7 @@ export const Link = ({
target,
children,
...props
}: { href?: string | null; target?: string; replace?: boolean } & PressableProps) => {
}: { href?: string | UrlObject | null; target?: string; replace?: boolean } & PressableProps) => {
const linkProps = useLink({
href: href ?? "#",
replace,
@ -114,7 +114,8 @@ export const Link = ({
onPress={(e?: any) => {
props?.onPress?.(e);
if (e?.defaultPrevented) return;
if (Platform.OS !== "web" && href?.includes("://")) Linking.openURL(href);
if (Platform.OS !== "web" && typeof href === "string" && href?.includes("://"))
Linking.openURL(href);
else linkProps.onPress(e);
}}
>

1
front/packages/primitives/src/types.d.ts vendored
View File

@ -41,7 +41,6 @@ declare module "react-native" {
}
interface ViewProps {
dataSet?: Record<string, string>;
href?: string;
hrefAttrs?: {
rel: "noreferrer";
target?: "_blank";

25
front/packages/ui/src/login/server-url.tsx
View File

@ -19,12 +19,12 @@
*/
import { QueryIdentifier, QueryPage, ServerInfo, ServerInfoP, useFetch } from "@kyoo/models";
import { Button, P, Input, ts, H1, HR } from "@kyoo/primitives";
import { Button, P, Link, Input, ts, H1, HR } from "@kyoo/primitives";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import { Platform, View } from "react-native";
import { ImageBackground, Platform, View } from "react-native";
import { useRouter } from "solito/router";
import { Theme, useYoshiki } from "yoshiki/native";
import { Theme, percent, useYoshiki } from "yoshiki/native";
import { DefaultLayout } from "../layout";
export const cleanApiUrl = (apiUrl: string) => {
@ -65,6 +65,25 @@ export const ServerUrlPage: QueryPage = () => {
)}
</View>
<View {...css({ marginTop: ts(5) })}>
<View {...css({ flexDirection: "row", width: percent(100), alignItems: "center" })}>
{data &&
Object.values(data.oidc).map((x) => (
<Link
key={x.displayName}
href={{ pathname: x.link, query: { apiUrl } }}
{...css({ justifyContent: "center" })}
>
{x.logoUrl != null ? (
<ImageBackground
source={{ uri: x.logoUrl }}
{...css({ width: ts(3), height: ts(3), margin: ts(1) })}
/>
) : (
t("login.via", { provider: x.displayName })
)}
</Link>
))}
</View>
<HR />
<View {...css({ flexDirection: "row", gap: ts(2) })}>
<Button