This commit is contained in:
hzrd149
2023-09-14 10:38:17 -05:00
parent cff46755e4
commit adb7cb7655
4 changed files with 35 additions and 34 deletions

View File

@@ -36,7 +36,9 @@ function RelayReviewsPage() {
<IntersectionObserverProvider<string> callback={callback}> <IntersectionObserverProvider<string> callback={callback}>
<VerticalPageLayout> <VerticalPageLayout>
<Flex gap="2"> <Flex gap="2">
<Button onClick={() => navigate(-1)} leftIcon={<ArrowLeftSIcon/>}>Back</Button> <Button onClick={() => navigate(-1)} leftIcon={<ArrowLeftSIcon />}>
Back
</Button>
<PeopleListSelection /> <PeopleListSelection />
</Flex> </Flex>
{reviews.map((event) => ( {reviews.map((event) => (

View File

@@ -33,29 +33,29 @@ export default function SettingsView() {
return ( return (
<VerticalPageLayout as="form" onSubmit={saveSettings}> <VerticalPageLayout as="form" onSubmit={saveSettings}>
<FormProvider {...form}> <FormProvider {...form}>
<Accordion defaultIndex={[0]} allowMultiple> <Accordion defaultIndex={[0]} allowMultiple>
<DisplaySettings /> <DisplaySettings />
<PerformanceSettings /> <PerformanceSettings />
<PrivacySettings /> <PrivacySettings />
<LightningSettings /> <LightningSettings />
<DatabaseSettings /> <DatabaseSettings />
</Accordion> </Accordion>
</FormProvider> </FormProvider>
<Flex gap="4" padding="4" alignItems="center"> <Flex gap="4" padding="4" alignItems="center">
<Link isExternal href="https://github.com/hzrd149/nostrudel"> <Link isExternal href="https://github.com/hzrd149/nostrudel">
<GithubIcon /> Github <GithubIcon /> Github
</Link> </Link>
<Button <Button
ml="auto" ml="auto"
isLoading={form.formState.isLoading || form.formState.isValidating || form.formState.isSubmitting} isLoading={form.formState.isLoading || form.formState.isValidating || form.formState.isSubmitting}
isDisabled={!form.formState.isDirty} isDisabled={!form.formState.isDirty}
colorScheme="brand" colorScheme="brand"
type="submit" type="submit"
> >
Save Settings Save Settings
</Button> </Button>
</Flex> </Flex>
</VerticalPageLayout> </VerticalPageLayout>
); );
} }

View File

@@ -40,14 +40,13 @@ function Relay({ url, reviews }: { url: string; reviews: NostrEvent[] }) {
<RelayJoinAction url={url} size="sm" /> <RelayJoinAction url={url} size="sm" />
</Flex> </Flex>
<RelayMetadata url={url} /> <RelayMetadata url={url} />
{reviews.length>0&&( {reviews.length > 0 && (
<Flex py="0" direction="column" gap="2"> <Flex py="0" direction="column" gap="2">
{reviews.map((event) => ( {reviews.map((event) => (
<RelayReviewNote key={event.id} event={event} /> <RelayReviewNote key={event.id} event={event} />
))} ))}
</Flex> </Flex>
)} )}
</Flex> </Flex>
); );
} }

View File

@@ -30,15 +30,15 @@ export default function UserStreamsTab() {
const streams = useParsedStreams(events); const streams = useParsedStreams(events);
return ( return (
<IntersectionObserverProvider<string> callback={callback}> <IntersectionObserverProvider<string> callback={callback}>
<VerticalPageLayout> <VerticalPageLayout>
<SimpleGrid columns={{ base: 1, md: 2, lg: 3, xl: 4 }} spacing="2"> <SimpleGrid columns={{ base: 1, md: 2, lg: 3, xl: 4 }} spacing="2">
{streams.map((stream) => ( {streams.map((stream) => (
<StreamCard key={stream.event.id} stream={stream} /> <StreamCard key={stream.event.id} stream={stream} />
))} ))}
</SimpleGrid> </SimpleGrid>
<TimelineActionAndStatus timeline={timeline} /> <TimelineActionAndStatus timeline={timeline} />
</VerticalPageLayout> </VerticalPageLayout>
</IntersectionObserverProvider> </IntersectionObserverProvider>
); );
} }