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

improvements

Browse Source
This commit is contained in:
Myzel394 2022-10-29 09:53:45 +02:00
parent 5375852bb2
commit 6c24a637fb
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/route-widgets/AliasRoute/AliasListItem.tsx
View File

@ -8,10 +8,10 @@ import {
ListItemText, ListItemText,
} from "@mui/material" } from "@mui/material"
import {Alias} from "~/server-types" import {AliasList} from "~/server-types"
export interface AliasListItemProps { export interface AliasListItemProps {
alias: Alias alias: AliasList
} }
export default function AliasListItem({ export default function AliasListItem({

6
src/routes/AliasesRoute.tsx
View File

@ -4,14 +4,14 @@ import {AxiosError} from "axios"
import {Grid, List, Typography} from "@mui/material" import {Grid, List, Typography} from "@mui/material"
import {useQuery} from "@tanstack/react-query" import {useQuery} from "@tanstack/react-query"
import {Alias, PaginationResult} from "~/server-types" import {AliasList, PaginationResult} from "~/server-types"
import AliasListItem from "~/route-widgets/AliasRoute/AliasListItem" import AliasListItem from "~/route-widgets/AliasRoute/AliasListItem"
import CreateRandomAliasButton from "~/route-widgets/AliasRoute/CreateRandomAliasButton" import CreateRandomAliasButton from "~/route-widgets/AliasRoute/CreateRandomAliasButton"
import QueryResult from "~/components/QueryResult" import QueryResult from "~/components/QueryResult"
import getAliases from "~/apis/get-aliases" import getAliases from "~/apis/get-aliases"
export default function AliasesRoute(): ReactElement { export default function AliasesRoute(): ReactElement {
const query = useQuery<PaginationResult<Alias>, AxiosError>( const query = useQuery<PaginationResult<AliasList>, AxiosError>(
["get_aliases"], ["get_aliases"],
getAliases, getAliases,
) )
@ -24,7 +24,7 @@ export default function AliasesRoute(): ReactElement {
</Typography> </Typography>
</Grid> </Grid>
<Grid item> <Grid item>
<QueryResult<PaginationResult<Alias>> query={query}> <QueryResult<PaginationResult<AliasList>> query={query}>
{result => ( {result => (
<List> <List>
{result.items.map(alias => ( {result.items.map(alias => (