fetchMore()} className={endPostStyles.container}>
16 | Failed to load more {pluralType}. {loading ? "Loading..." : "Try again?"}
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/features/feed/endItems/FetchMore.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | display: flex;
3 | flex-direction: column;
4 | height: 100px;
5 | font-size: 0.875em;
6 | align-items: center;
7 | justify-content: center;
8 | color: var(--ion-color-medium);
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/feed/postFabs/PostFabs.tsx:
--------------------------------------------------------------------------------
1 | import { ComponentProps } from "react";
2 |
3 | import { useAppSelector } from "#/store";
4 |
5 | import HidePostsFab from "./HidePostsFab";
6 |
7 | export default function PostFabs(props: ComponentProps
12 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/src/features/media/useImageData.ts:
--------------------------------------------------------------------------------
1 | import { useAppSelector } from "#/store";
2 |
3 | import { IMAGE_FAILED, ImageMetadata } from "./imageSlice";
4 |
5 | export default function useImageData(src: string | undefined) {
6 | return useAppSelector((state) =>
7 | src ? state.image.loadedBySrc[src] : undefined,
8 | );
9 | }
10 |
11 | export function isLoadedImageData(
12 | imageData: ImageMetadata | typeof IMAGE_FAILED | undefined,
13 | ) {
14 | return typeof imageData === "object" && imageData.aspectRatio > 0;
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/media/video/OutPortalEventDispatcher.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | flex: 1;
3 | display: flex;
4 | width: 100%;
5 | }
6 |
--------------------------------------------------------------------------------
/src/features/media/video/VideoPortalProvider.module.css:
--------------------------------------------------------------------------------
1 | .portalNodeStyles {
2 | flex: 1;
3 | display: flex;
4 | width: 100%;
5 | }
6 |
--------------------------------------------------------------------------------
/src/features/moderation/ban/BanUser.module.css:
--------------------------------------------------------------------------------
1 | .daysValues {
2 | display: flex;
3 | align-items: center;
4 | gap: 16px;
5 | }
6 |
7 | .banTextContainer {
8 | font-size: 0.925em;
9 | margin: 0 32px 32px;
10 | }
11 |
--------------------------------------------------------------------------------
/src/features/moderation/ban/BanUserModal.module.css:
--------------------------------------------------------------------------------
1 | .modPrimaryColor {
2 | --ion-color-primary: var(--ion-color-success);
3 | }
4 |
--------------------------------------------------------------------------------
/src/features/moderation/banner/ModeratableItemBanner.module.css:
--------------------------------------------------------------------------------
1 | .sharedBanner {
2 | composes: maxWidth from "#/features/shared/shared.module.css";
3 |
4 | display: flex;
5 | align-items: center;
6 | justify-content: center;
7 | gap: 6px;
8 |
9 | font-size: 0.875rem;
10 |
11 | padding: 6px 0;
12 | border-radius: 6px;
13 |
14 | text-align: center;
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/moderation/logs/ModRolePersonLink.module.css:
--------------------------------------------------------------------------------
1 | .icon {
2 | font-size: 1.2em;
3 | vertical-align: middle;
4 | transform: translateY(-1px);
5 | }
6 |
--------------------------------------------------------------------------------
/src/features/moderation/logs/ModlogItemMoreActions.module.css:
--------------------------------------------------------------------------------
1 | .button {
2 | composes: plainButton from "#/features/shared/shared.module.css";
3 |
4 | && {
5 | margin: -6px 0; /* prevent size from breaking line height */
6 | }
7 | }
8 |
9 | .ellipsisIcon {
10 | font-size: 1.2rem;
11 | }
12 |
--------------------------------------------------------------------------------
/src/features/moderation/logs/types/purgeComment.ts:
--------------------------------------------------------------------------------
1 | import { trashBin } from "ionicons/icons";
2 | import { AdminPurgeCommentView } from "lemmy-js-client";
3 |
4 | import { LogEntryData } from "../ModlogItem";
5 | import { buildBaseData, getAdminRole } from "./shared";
6 |
7 | export default function purgeComment(
8 | item: AdminPurgeCommentView,
9 | ): LogEntryData {
10 | return {
11 | icon: trashBin,
12 | title: "Purged Comment",
13 | by: item.admin,
14 | role: getAdminRole(item.admin),
15 | ...buildBaseData(item.admin_purge_comment),
16 | };
17 | }
18 |
--------------------------------------------------------------------------------
/src/features/moderation/logs/types/purgeCommunity.ts:
--------------------------------------------------------------------------------
1 | import { trashBin } from "ionicons/icons";
2 | import { AdminPurgeCommunityView } from "lemmy-js-client";
3 |
4 | import { LogEntryData } from "../ModlogItem";
5 | import { buildBaseData, getAdminRole } from "./shared";
6 |
7 | export default function purgeCommunity(
8 | item: AdminPurgeCommunityView,
9 | ): LogEntryData {
10 | return {
11 | icon: trashBin,
12 | title: "Purged Community",
13 | by: item.admin,
14 | role: getAdminRole(item.admin),
15 | ...buildBaseData(item.admin_purge_community),
16 | };
17 | }
18 |
--------------------------------------------------------------------------------
/src/features/moderation/logs/types/purgePerson.ts:
--------------------------------------------------------------------------------
1 | import { trashBin } from "ionicons/icons";
2 | import { AdminPurgePersonView } from "lemmy-js-client";
3 |
4 | import { LogEntryData } from "../ModlogItem";
5 | import { buildBaseData, getAdminRole } from "./shared";
6 |
7 | export default function purgePerson(item: AdminPurgePersonView): LogEntryData {
8 | return {
9 | icon: trashBin,
10 | title: "Purged User",
11 | by: item.admin,
12 | role: getAdminRole(item.admin),
13 | ...buildBaseData(item.admin_purge_person),
14 | };
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/moderation/logs/types/purgePost.ts:
--------------------------------------------------------------------------------
1 | import { trashBin } from "ionicons/icons";
2 | import { AdminPurgePostView } from "lemmy-js-client";
3 |
4 | import { LogEntryData } from "../ModlogItem";
5 | import { buildBaseData, getAdminRole } from "./shared";
6 |
7 | export default function purgePost(item: AdminPurgePostView): LogEntryData {
8 | return {
9 | icon: trashBin,
10 | title: "Purged Post",
11 | by: item.admin,
12 | role: getAdminRole(item.admin),
13 | ...buildBaseData(item.admin_purge_post),
14 | };
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/moderation/useIsAdmin.tsx:
--------------------------------------------------------------------------------
1 | import { Person } from "lemmy-js-client";
2 |
3 | import { isAdminSelector } from "#/features/auth/siteSlice";
4 | import { useAppSelector } from "#/store";
5 |
6 | export default function useIsAdmin(person?: Person) {
7 | return useAppSelector(
8 | !person
9 | ? isAdminSelector
10 | : (state) =>
11 | state.site.response?.admins?.some(
12 | (admin) => admin.person.id === person.id,
13 | ),
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/post/actions/ActionButton.module.css:
--------------------------------------------------------------------------------
1 | .button {
2 | display: flex;
3 | align-items: center;
4 | justify-content: center;
5 |
6 | background: inherit;
7 | font-size: inherit;
8 | color: inherit;
9 |
10 | padding: 0.35rem;
11 |
12 | border-radius: 8px;
13 | }
14 |
--------------------------------------------------------------------------------
/src/features/post/actions/ActionButton.tsx:
--------------------------------------------------------------------------------
1 | import { ButtonHTMLAttributes } from "react";
2 |
3 | import { cx } from "#/helpers/css";
4 |
5 | import styles from "./ActionButton.module.css";
6 |
7 | export function ActionButton(props: ButtonHTMLAttributes
9 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/src/features/post/detail/Stat.module.css:
--------------------------------------------------------------------------------
1 | .base {
2 | display: flex;
3 | align-items: center;
4 | gap: 0.25rem;
5 | }
6 |
7 | .baseIcon {
8 | font-size: 1.2em;
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/post/detail/Stats.module.css:
--------------------------------------------------------------------------------
1 | .sharedStatsClass {
2 | display: flex;
3 | align-items: center;
4 | gap: 0.5rem;
5 | }
6 |
7 | .container {
8 | font-size: 0.8rem;
9 | color: var(--ion-color-text-aside);
10 | }
11 |
--------------------------------------------------------------------------------
/src/features/post/detail/TimeStat.module.css:
--------------------------------------------------------------------------------
1 | .icon {
2 | margin: -1px; /* slightly more padding than happyOutline looks off in comparison */
3 | }
4 |
--------------------------------------------------------------------------------
/src/features/post/detail/TimeStat.tsx:
--------------------------------------------------------------------------------
1 | import { timeOutline } from "ionicons/icons";
2 |
3 | import Stat from "./Stat";
4 |
5 | import styles from "./TimeStat.module.css";
6 |
7 | export default function TimeStat(
8 | props: Omit
11 |
14 | Post Locked
12 |
13 |
6 | 
8 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/src/features/shared/CenteredSpinner.module.css:
--------------------------------------------------------------------------------
1 | .centeredSpinner {
2 | position: absolute;
3 | left: 50%;
4 | top: 50%;
5 | transform: translate(-50%, -50%);
6 | }
7 |
--------------------------------------------------------------------------------
/src/features/shared/CenteredSpinner.tsx:
--------------------------------------------------------------------------------
1 | import { IonSpinner } from "@ionic/react";
2 |
3 | import { cx } from "#/helpers/css";
4 |
5 | import styles from "./CenteredSpinner.module.css";
6 |
7 | export function CenteredSpinner(
8 | props: React.ComponentPropsVoyager for Lemmy
7 |
8 |
14 | {children}
15 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/src/helpers/voyager.ts:
--------------------------------------------------------------------------------
1 | export const VOYAGER_PRIVACY = "https://getvoyager.app/privacy.html";
2 | export const VOYAGER_TERMS = "https://getvoyager.app/terms.html";
3 |
--------------------------------------------------------------------------------
/src/routes/TabBar.module.css:
--------------------------------------------------------------------------------
1 | .tabBar {
2 | @media (orientation: landscape) and (max-height: 450px) {
3 | height: 36px;
4 |
5 | ion-badge {
6 | inset-inline-start: calc(70% + 6px);
7 |
8 | &:global(.md) {
9 | inset-inline-start: calc(75% + 6px);
10 | }
11 | }
12 |
13 | ion-tab-button {
14 | flex-direction: row;
15 |
16 | > ion-label {
17 | margin-bottom: 0;
18 | }
19 |
20 | > ion-icon {
21 | font-size: 22px !important;
22 | margin-right: 5px;
23 | }
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/routes/pages/inbox/ConversationPage.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | height: 100%;
3 | height: 100%;
4 |
5 | font-size: 0.9rem;
6 |
7 | display: flex;
8 | flex-direction: column;
9 | }
10 |
11 | .messageContainer {
12 | composes: maxWidth from "#/features/shared/shared.module.css";
13 |
14 | display: flex;
15 | flex-direction: column;
16 |
17 | padding: 0 16px;
18 |
19 | overflow: hidden;
20 | }
21 |
22 | .footer {
23 | background: var(--ion-background-color);
24 | }
25 |
26 | .title {
27 | padding-inline-start: 120px !important;
28 | padding-inline-end: 120px;
29 | }
30 |
--------------------------------------------------------------------------------
/src/routes/pages/inbox/InboxAuthRequired.tsx:
--------------------------------------------------------------------------------
1 | import { Redirect } from "react-router";
2 |
3 | import { jwtSelector } from "#/features/auth/authSelectors";
4 | import useIonViewIsVisible from "#/helpers/useIonViewIsVisible";
5 | import { useAppSelector } from "#/store";
6 |
7 | export default function InboxAuthRequired({
8 | children,
9 | }: React.PropsWithChildren) {
10 | const jwt = useAppSelector(jwtSelector);
11 |
12 | const ionViewIsVisible = useIonViewIsVisible();
13 |
14 | if (!jwt && ionViewIsVisible) return
8 |
9 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/routes/pages/settings/about/compliments.txt:
--------------------------------------------------------------------------------
1 | Your presence is cherished.
2 | You are a good person.
3 | Your kindness is a blessing.
4 | Your laughter is heartwarming.
5 | You bring smiles daily.
6 | You are beautiful.
7 | You inspire others.
8 | You have a good soul.
9 | You make people smile.
10 | You matter.
11 | You're a positive force.
12 | You're a true happiness booster.
13 | You are smart.
--------------------------------------------------------------------------------
/src/routes/pages/shared/CommunityCommentsPage.tsx:
--------------------------------------------------------------------------------
1 | import { useParams } from "react-router";
2 |
3 | import CommentsPage from "./CommentsPage";
4 |
5 | export default function CommunityCommentsPage() {
6 | const { community } = useParams<{
7 | community: string;
8 | }>();
9 |
10 | return
9 |
10 | Voyager
13 |
6 |
7 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/src/routes/twoColumn/useActivatedClass.ts:
--------------------------------------------------------------------------------
1 | import useIsLinkSelected from "./useIsLinkSelected";
2 |
3 | export default function useActivatedClass(routerLink: string) {
4 | const isActivated = useIsLinkSelected(routerLink);
5 |
6 | if (isActivated) return "app-activated";
7 | }
8 |
--------------------------------------------------------------------------------
/src/routes/twoColumn/useIsDeviceTwoColumnCapable.ts:
--------------------------------------------------------------------------------
1 | import { isPlatform } from "@ionic/core";
2 |
3 | export default function useIsDeviceTwoColumnCapable() {
4 | return isPlatform("desktop") || isPlatform("tablet") || isPlatform("phablet");
5 | }
6 |
--------------------------------------------------------------------------------
/src/routes/twoColumn/useIsLandscape.ts:
--------------------------------------------------------------------------------
1 | import { useMediaQuery } from "@mantine/hooks";
2 |
3 | export default function useIsLandscape() {
4 | return !!useMediaQuery("(orientation: landscape)");
5 | }
6 |
--------------------------------------------------------------------------------
/src/routes/twoColumn/useIsPageHidden.tsx:
--------------------------------------------------------------------------------
1 | import { createContext, use } from "react";
2 |
3 | export default function useIsPageHidden() {
4 | return use(HiddenPageContext);
5 | }
6 |
7 | export const HiddenPageContext = createContext
7 |