Myzel394/kleckrelay
1
0
Fork 0
mirror of https://github.com/Myzel394/kleckrelay-website.git synced 2025-06-19 07:55:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixed extension icon in aliases

Browse Source
This commit is contained in:
Myzel394 2023-01-17 22:00:41 +01:00
parent 786500d233
commit 10e18b17ec
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/extension-types.ts
View File

@ -1,3 +1,5 @@
import {Alias} from "~/server-types"
export interface ExtensionKleckMessagePasswordStatus {
type: "password-status"
}
@ -21,7 +23,7 @@ export interface ExtensionKleckMessageRefetchAliases {
export interface ExtensionKleckMessageLatestAlias {
type: "latest-alias"
data: {
latestAliasId: string
latestAlias: Alias
}
}

19
src/routes/AliasesRoute.tsx
View File

@ -1,8 +1,8 @@
import {ReactElement, useCallback, useEffect, useState, useTransition} from "react"
import {ReactElement, useCallback, useState, useTransition} from "react"
import {AxiosError} from "axios"
import {MdSearch} from "react-icons/md"
import {useTranslation} from "react-i18next"
import {useCopyToClipboard, useKeyPress, useUpdateEffect} from "react-use"
import {useCopyToClipboard, useEffectOnce, useKeyPress, useUpdateEffect} from "react-use"
import {useQuery} from "@tanstack/react-query"
import {Alert, Chip, Grid, InputAdornment, List, Snackbar, TextField} from "@mui/material"
@ -16,7 +16,7 @@ import {
SimplePage,
SuccessSnack,
} from "~/components"
import {useExtensionHandler, useIsAnyInputFocused, useWindowVisible} from "~/hooks"
import {useExtensionHandler, useIsAnyInputFocused} from "~/hooks"
import {CreateAliasButton} from "~/route-widgets/AliasesRoute/CreateAliasButton"
import {ExtensionKleckMessageLatestAlias} from "~/extension-types"
import AliasesListItem from "~/route-widgets/AliasesRoute/AliasesListItem"
@ -50,8 +50,8 @@ export default function AliasesRoute(): ReactElement {
const isAnyInputFocused = useIsAnyInputFocused()
const [lockDisabledCopyMode, setLockDisabledCopyMode] = useState<boolean>(false)
const isInCopyAddressMode = !isAnyInputFocused && !lockDisabledCopyMode && isPressingControl
const [latestAliasId, setLatestAliasId] = useState<string | null>(null)
const isVisible = useWindowVisible()
const [latestAliasId, setLatestAliasId] = useState<string | null>()
console.log(latestAliasId)
const query = useQuery<PaginationResult<AliasList>, AxiosError>(
["get_aliases", {queryValue, searchFilter, typeFilter}],
@ -91,8 +91,8 @@ export default function AliasesRoute(): ReactElement {
)
const updateLatestAliasId = useCallback(
({latestAliasId}: ExtensionKleckMessageLatestAlias["data"]) => {
setLatestAliasId(latestAliasId)
async ({latestAlias}: ExtensionKleckMessageLatestAlias["data"]) => {
setLatestAliasId(latestAlias.id)
},
[],
)
@ -119,7 +119,8 @@ export default function AliasesRoute(): ReactElement {
}
}, [latestAliasId])
useEffect(() => {
// Fetch the latest alias
useEffectOnce(() => {
window.dispatchEvent(
new CustomEvent("kleckrelay-blob", {
detail: {
@ -127,7 +128,7 @@ export default function AliasesRoute(): ReactElement {
},
}),
)
}, [isVisible])
})
return (
<SimplePage