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

Add account unlinking

Browse Source
This commit is contained in:
Zoe Roux 2024-03-09 00:02:49 +01:00
parent 0add402434
commit 6d4a6ee52a
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/apps/web/src/pages/_app.tsx
View File

@ -56,7 +56,6 @@ import { Tooltip } from "react-tooltip";
import { getCurrentAccount, readCookie, updateAccount } from "@kyoo/models/src/account-internal"; import { getCurrentAccount, readCookie, updateAccount } from "@kyoo/models/src/account-internal";
import { PortalProvider } from "@gorhom/portal"; import { PortalProvider } from "@gorhom/portal";
import { ConnectionError } from "@kyoo/ui"; import { ConnectionError } from "@kyoo/ui";
import { getDefaultStore } from "jotai";
const font = Poppins({ weight: ["300", "400", "900"], subsets: ["latin"], display: "swap" }); const font = Poppins({ weight: ["300", "400", "900"], subsets: ["latin"], display: "swap" });

21
front/packages/ui/src/settings/oidc.tsx
View File

@ -18,7 +18,14 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>. * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/ */
import { QueryIdentifier, ServerInfo, ServerInfoP, useAccount, useFetch } from "@kyoo/models"; import {
QueryIdentifier,
ServerInfo,
ServerInfoP,
queryFn,
useAccount,
useFetch,
} from "@kyoo/models";
import { Button, IconButton, Link, Skeleton, tooltip, ts } from "@kyoo/primitives"; import { Button, IconButton, Link, Skeleton, tooltip, ts } from "@kyoo/primitives";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { ImageBackground } from "react-native"; import { ImageBackground } from "react-native";
@ -29,12 +36,22 @@ import { Preference, SettingsContainer } from "./base";
import Badge from "@material-symbols/svg-400/outlined/badge.svg"; import Badge from "@material-symbols/svg-400/outlined/badge.svg";
import OpenProfile from "@material-symbols/svg-400/outlined/open_in_new.svg"; import OpenProfile from "@material-symbols/svg-400/outlined/open_in_new.svg";
import Remove from "@material-symbols/svg-400/outlined/close.svg"; import Remove from "@material-symbols/svg-400/outlined/close.svg";
import { useMutation, useQueryClient } from "@tanstack/react-query";
export const OidcSettings = () => { export const OidcSettings = () => {
const account = useAccount()!; const account = useAccount()!;
const { css } = useYoshiki(); const { css } = useYoshiki();
const { t } = useTranslation(); const { t } = useTranslation();
const { data, error } = useFetch(OidcSettings.query()); const { data, error } = useFetch(OidcSettings.query());
const queryClient = useQueryClient();
const { mutateAsync: unlinkAccount } = useMutation({
mutationFn: async (provider: string) =>
await queryFn({
path: ["auth", "login", provider],
method: "DELETE",
}),
onSettled: async () => await queryClient.invalidateQueries({ queryKey: ["auth", "me"] }),
});
return ( return (
<SettingsContainer title={t("settings.oidc.label")}> <SettingsContainer title={t("settings.oidc.label")}>
@ -75,7 +92,7 @@ export const OidcSettings = () => {
)} )}
<IconButton <IconButton
icon={Remove} icon={Remove}
onPress={() => {}} onPress={() => unlinkAccount(id)}
{...tooltip(t("settings.oidc.delete", { provider: x.displayName }))} {...tooltip(t("settings.oidc.delete", { provider: x.displayName }))}
/> />
</> </>