3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-01 19:26:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

♻️ Replace eslint and prettier with biome (#1697)

Browse source
This commit is contained in:
Luke Vella 2025-04-28 19:47:47 +01:00 • committed by GitHub
parent 1577a0c5df
commit a34da49486
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
158 changed files with 450 additions and 2718 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.github/workflows/ci.yml vendored
View file

@ -45,7 +45,7 @@ jobs:
- uses: ./.github/actions/pnpm-install
- name: Check linting rules
run: pnpm lint
run: pnpm turbo check
unit-tests:
name: Unit tests

9
.prettierrc
View file

@ -1,9 +0,0 @@
{
"plugins": ["prettier-plugin-tailwindcss"],
"semi": true,
"tabWidth": 2,
"useTabs": false,
"trailingComma": "all",
"singleQuote": false,
"arrowParens": "always"
}

3
.vscode/settings.json vendored
View file

@ -2,6 +2,9 @@
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
"[javascript]": {
"editor.defaultFormatter": "biomejs.biome"
},
"typescript.tsdk": "node_modules/typescript/lib",
"typescript.preferences.importModuleSpecifier": "shortest",
"cSpell.words": ["Rallly", "Vella"],

4
apps/docs/.eslintrc.js
View file

@ -1,4 +0,0 @@
/** @type {import("eslint").Linter.Config} */
module.exports = {
...require("@rallly/eslint-config")(__dirname),
};

4
apps/landing/.eslintrc.js
View file

@ -1,4 +0,0 @@
/** @type {import("eslint").Linter.Config} */
module.exports = {
...require("@rallly/eslint-config/next")(__dirname),
};

2
apps/landing/package.json
View file

@ -7,7 +7,6 @@
"build": "next build",
"analyze": "cross-env ANALYZE=true next build",
"start": "next start",
"lint": "eslint .",
"type-check": "tsc --pretty --noEmit",
"i18n:scan": "i18next-scanner --config i18next-scanner.config.js"
},
@ -41,7 +40,6 @@
},
"devDependencies": {
"@next/bundle-analyzer": "^14.2.25",
"@rallly/eslint-config": "workspace:*",
"@rallly/tsconfig": "workspace:*",
"@types/color-hash": "^1.0.2",
"@types/lodash": "^4.14.178",

2
apps/landing/src/app/[locale]/blog/[slug]/page.tsx
View file

@ -1,8 +1,8 @@
import { absoluteUrl } from "@rallly/utils/absolute-url";
import { ArrowLeftIcon } from "lucide-react";
import { MDXRemote } from "next-mdx-remote/rsc";
import Image from "next/image";
import Link from "next/link";
import { MDXRemote } from "next-mdx-remote/rsc";
import PostHeader from "@/components/blog/post-header";
import { getAllPosts, getPostBySlug } from "@/lib/api";

5
apps/landing/src/app/[locale]/footer.tsx
View file

@ -13,7 +13,7 @@ import { LanguagesIcon } from "lucide-react";
import Image from "next/image";
import Link from "next/link";
import { usePathname, useRouter } from "next/navigation";
import * as React from "react";
import type * as React from "react";
import DiscordIcon from "@/assets/discord.svg";
import GithubIcon from "@/assets/github.svg";
@ -301,6 +301,7 @@ export const Footer: React.FunctionComponent = () => {
target="_blank"
href="https://vercel.com?utm_source=rallly&utm_campaign=oss"
className="inline-block text-white"
rel="noreferrer"
>
<Image
src="/static/images/partners/vercel-logotype-dark.svg"
@ -315,6 +316,7 @@ export const Footer: React.FunctionComponent = () => {
target="_blank"
className="inline-block"
href="/partners/digitalocean"
rel="noreferrer"
>
<Image
src="/static/images/partners/digitalocean-logo.svg"
@ -329,6 +331,7 @@ export const Footer: React.FunctionComponent = () => {
target="_blank"
className="inline-block"
href="https://sentry.io"
rel="noreferrer"
>
<Image
src="/static/images/partners/sentry.svg"

2
apps/landing/src/app/[locale]/layout.tsx
View file

@ -14,7 +14,7 @@ import {
import { Icon } from "@rallly/ui/icon";
import { Analytics } from "@vercel/analytics/react";
import { MenuIcon } from "lucide-react";
import { domAnimation, LazyMotion } from "motion/react";
import { LazyMotion, domAnimation } from "motion/react";
import type { Viewport } from "next";
import Image from "next/image";
import Link from "next/link";

59
apps/landing/src/app/api/og-image/route.tsx
View file

@ -1,4 +1,3 @@
/* eslint-disable @next/next/no-img-element */
import { ImageResponse } from "next/og";
import type { NextRequest } from "next/server";
import * as React from "react";
@ -24,40 +23,38 @@ export async function GET(req: NextRequest) {
const excerpt = searchParams.get("excerpt");
return new ImageResponse(
(
<div
style={{
height: "100%",
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
backgroundColor: "white",
}}
>
<div tw="bg-gray-50 h-full flex-col w-full px-18 py-16 flex">
<div tw="mb-16 flex justify-between">
<div tw="flex justify-between items-center w-full">
<img
alt="Rallly"
src="https://rallly.co/static/images/logo-color.svg"
height={64}
/>
<div tw="flex text-gray-800 text-3xl tracking-tight font-bold">
<span tw="bg-gray-200 px-6 py-3 rounded-full">Blog</span>
</div>
<div
style={{
height: "100%",
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
backgroundColor: "white",
}}
>
<div tw="bg-gray-50 h-full flex-col w-full px-18 py-16 flex">
<div tw="mb-16 flex justify-between">
<div tw="flex justify-between items-center w-full">
<img
alt="Rallly"
src="https://rallly.co/static/images/logo-color.svg"
height={64}
/>
<div tw="flex text-gray-800 text-3xl tracking-tight font-bold">
<span tw="bg-gray-200 px-6 py-3 rounded-full">Blog</span>
</div>
</div>
<h2 tw="flex flex-col text-7xl leading-tight font-bold tracking-tight text-gray-900 text-left">
<span>{title}</span>
</h2>
{excerpt ? (
<p tw="text-4xl leading-relaxed text-gray-500">{excerpt}</p>
) : null}
</div>
<h2 tw="flex flex-col text-7xl leading-tight font-bold tracking-tight text-gray-900 text-left">
<span>{title}</span>
</h2>
{excerpt ? (
<p tw="text-4xl leading-relaxed text-gray-500">{excerpt}</p>
) : null}
</div>
),
</div>,
{
width: 1200,
height: 630,

3
apps/landing/src/components/blog/post-body.tsx
View file

@ -7,7 +7,8 @@ type Props = {
const PostBody = ({ content }: Props) => {
return (
<div
className={markdownStyles["markdown"]}
className={markdownStyles.markdown}
// biome-ignore lint/security/noDangerouslySetInnerHtml: Fix this later
dangerouslySetInnerHTML={{ __html: content }}
/>
);

2
apps/landing/src/components/error-page.tsx
View file

@ -3,7 +3,7 @@
import { Button } from "@rallly/ui/button";
import { FileSearchIcon } from "lucide-react";
import Link from "next/link";
import * as React from "react";
import type * as React from "react";
import { useTranslation } from "@/i18n/client/use-translation";

2
apps/landing/src/components/marketing.tsx
View file

@ -3,7 +3,7 @@ import { ArrowUpRight } from "lucide-react";
import * as m from "motion/react-m";
import Image from "next/image";
import Link from "next/link";
import React from "react";
import type React from "react";
import { Trans } from "@/i18n/client/trans";

2
apps/landing/src/i18n/client/i18n-provider.tsx
View file

@ -2,7 +2,7 @@
import i18next from "i18next";
import ICU from "i18next-icu";
import resourcesToBackend from "i18next-resources-to-backend";
import React from "react";
import type React from "react";
import { I18nextProvider, initReactI18next } from "react-i18next";
import { useAsync } from "react-use";

5
apps/landing/src/lib/api.ts
View file

@ -1,6 +1,6 @@
import fs from "fs";
import fs from "node:fs";
import { join } from "node:path";
import matter from "gray-matter";
import { join } from "path";
const postsDirectory = join(process.cwd(), "src", "posts");
@ -21,6 +21,7 @@ export function getPostBySlug(slug: string, fields: string[] = []) {
const items: Items = {};
// Ensure only the minimal needed data is exposed
// biome-ignore lint/complexity/noForEach: Fix this later
fields.forEach((field) => {
if (field === "slug") {
items[field] = realSlug;

4
apps/web/.eslintrc.js
View file

@ -1,4 +0,0 @@
/** @type {import("eslint").Linter.Config} */
module.exports = {
...require("@rallly/eslint-config/next")(__dirname),
};

3
apps/web/declarations/next-auth.d.ts vendored
View file

@ -1,10 +1,9 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
import type { TimeFormat } from "@rallly/database";
import type { NextRequest } from "next/server";
import type { DefaultSession, DefaultUser } from "next-auth";
import NextAuth from "next-auth";
import type { DefaultJWT } from "next-auth/jwt";
import { JWT } from "next-auth/jwt";
import type { NextRequest } from "next/server";
declare module "next-auth" {
/**

2
apps/web/next-i18next.config.js
View file

@ -1,5 +1,5 @@
const ICU = require("i18next-icu/i18nextICU.js");
const path = require("path");
const path = require("node:path");
const i18n = require("./i18n.config.js");
module.exports = {

3
apps/web/next.config.js
View file

@ -28,9 +28,6 @@ const nextConfig = {
return config;
},
eslint: {
ignoreDuringBuilds: true,
},
typescript: {
ignoreBuildErrors: true,
},

2
apps/web/package.json
View file

@ -8,7 +8,6 @@
"build:test": "NODE_ENV=test next build",
"analyze": "cross-env ANALYZE=true next build",
"start": "next start",
"lint": "eslint .",
"type-check": "tsc --pretty --noEmit",
"i18n:scan": "i18next-scanner --config i18next-scanner.config.js",
"test:integration": "NODE_ENV=test playwright test",
@ -96,7 +95,6 @@
"devDependencies": {
"@babel/core": "^7.26.10",
"@playwright/test": "^1.49.1",
"@rallly/eslint-config": "workspace:*",
"@rallly/tsconfig": "workspace:*",
"@types/color-hash": "^1.0.2",
"@types/js-cookie": "^3.0.1",

2
apps/web/src/app/[locale]/(auth)/layout.tsx
View file

@ -2,9 +2,9 @@ import { cn } from "@rallly/ui";
import { DotPattern } from "@rallly/ui/dot-pattern";
import {
isQuickCreateEnabled,
QuickCreateButton,
QuickCreateWidget,
isQuickCreateEnabled,
} from "@/features/quick-create";
export default async function Layout({

2
apps/web/src/app/[locale]/(auth)/login/components/login-email-form.tsx
View file

@ -10,8 +10,8 @@ import {
FormMessage,
} from "@rallly/ui/form";
import { Input } from "@rallly/ui/input";
import { useRouter, useSearchParams } from "next/navigation";
import { signIn } from "next-auth/react";
import { useRouter, useSearchParams } from "next/navigation";
import React from "react";
import { useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";

2
apps/web/src/app/[locale]/(auth)/login/components/sso-provider.tsx
View file

@ -2,8 +2,8 @@
import { Button } from "@rallly/ui/button";
import { Icon } from "@rallly/ui/icon";
import { UserIcon } from "lucide-react";
import Image from "next/image";
import { signIn } from "next-auth/react";
import Image from "next/image";
import { Trans } from "@/components/trans";
import { useTranslation } from "@/i18n/client";

2
apps/web/src/app/[locale]/(auth)/register/verify/components/otp-form.tsx
View file

@ -10,8 +10,8 @@ import {
FormItem,
FormMessage,
} from "@rallly/ui/form";
import { useSearchParams } from "next/navigation";
import { signIn } from "next-auth/react";
import { useSearchParams } from "next/navigation";
import { useForm } from "react-hook-form";
import { z } from "zod";

2
apps/web/src/app/[locale]/(space)/app-card.tsx
View file

@ -1,6 +1,6 @@
import { cn } from "@rallly/ui";
import { BarChart2Icon } from "lucide-react";
import React from "react";
import type React from "react";
export function AppCard({
children,

2
apps/web/src/app/[locale]/(space)/components/sidebar/app-sidebar.tsx
View file

@ -18,7 +18,7 @@ import {
SparklesIcon,
} from "lucide-react";
import Link from "next/link";
import * as React from "react";
import type * as React from "react";
import { LogoLink } from "@/app/components/logo-link";
import { Trans } from "@/components/trans";

2
apps/web/src/app/[locale]/(space)/events/events-tabbed-view.tsx
View file

@ -19,7 +19,7 @@ export function EventsTabbedView({ children }: { children: React.ReactNode }) {
const newUrl = `?${params.toString()}`;
router.replace(newUrl, { scroll: false });
},
[name, router, searchParams],
[router, searchParams],
);
const value = searchParams.get(name) ?? "upcoming";

8
apps/web/src/app/[locale]/(space)/polls/page.tsx
View file

@ -37,8 +37,8 @@ const pageSchema = z
.nullish()
.transform((val) => {
if (!val) return 1;
const parsed = parseInt(val, 10);
return isNaN(parsed) || parsed < 1 ? 1 : parsed;
const parsed = Number.parseInt(val, 10);
return Number.isNaN(parsed) || parsed < 1 ? 1 : parsed;
});
const querySchema = z
@ -56,8 +56,8 @@ const pageSizeSchema = z
.nullish()
.transform((val) => {
if (!val) return DEFAULT_PAGE_SIZE;
const parsed = parseInt(val, 10);
return isNaN(parsed) || parsed < 1
const parsed = Number.parseInt(val, 10);
return Number.isNaN(parsed) || parsed < 1
? DEFAULT_PAGE_SIZE
: Math.min(parsed, 100);
});

2
apps/web/src/app/[locale]/(space)/polls/polls-tabbed-view.tsx
View file

@ -19,7 +19,7 @@ export function PollsTabbedView({ children }: { children: React.ReactNode }) {
const newUrl = `?${params.toString()}`;
router.replace(newUrl, { scroll: false });
},
[name, router, searchParams],
[router, searchParams],
);
const value = searchParams.get(name) ?? "live";

2
apps/web/src/app/[locale]/(space)/settings/layout.tsx
View file

@ -1,4 +1,4 @@
import React from "react";
import type React from "react";
import { SettingsPageIcon } from "@/app/components/page-icons";
import {

3
apps/web/src/app/[locale]/(space)/settings/preferences/components/date-time-preferences.tsx
View file

@ -96,7 +96,7 @@ const DateTimePreferencesForm = () => {
<Select
value={field.value.toString()}
onValueChange={(value) => {
field.onChange(parseInt(value));
field.onChange(Number.parseInt(value));
}}
>
<SelectTrigger asChild>
@ -106,6 +106,7 @@ const DateTimePreferencesForm = () => {
</SelectTrigger>
<SelectContent>
{dayjs.weekdays().map((day, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
<SelectItem key={index} value={index.toString()}>
{day}
</SelectItem>

2
apps/web/src/app/[locale]/invite/[urlId]/page.tsx
View file

@ -1,6 +1,6 @@
import { prisma } from "@rallly/database";
import { absoluteUrl } from "@rallly/utils/absolute-url";
import { dehydrate, Hydrate } from "@tanstack/react-query";
import { Hydrate, dehydrate } from "@tanstack/react-query";
import { notFound } from "next/navigation";
import { InvitePage } from "@/app/[locale]/invite/[urlId]/invite-page";

6
apps/web/src/app/[locale]/layout.tsx
View file

@ -1,13 +1,13 @@
import "../../style.css";
import { defaultLocale, supportedLngs } from "@rallly/languages";
import { posthog, PostHogProvider } from "@rallly/posthog/client";
import { PostHogProvider, posthog } from "@rallly/posthog/client";
import { Toaster } from "@rallly/ui/toaster";
import { TooltipProvider } from "@rallly/ui/tooltip";
import { domAnimation, LazyMotion } from "motion/react";
import { LazyMotion, domAnimation } from "motion/react";
import type { Viewport } from "next";
import { Inter } from "next/font/google";
import React from "react";
import type React from "react";
import { TimeZoneChangeDetector } from "@/app/[locale]/timezone-change-detector";
import { UserProvider } from "@/components/user-provider";

2
apps/web/src/app/[locale]/poll/[urlId]/edit-details/page.tsx
View file

@ -15,8 +15,8 @@ import { useForm } from "react-hook-form";
import type { PollDetailsData } from "@/components/forms/poll-details-form";
import { PollDetailsForm } from "@/components/forms/poll-details-form";
import { useUpdatePollMutation } from "@/components/poll/mutations";
import { usePoll } from "@/components/poll-context";
import { useUpdatePollMutation } from "@/components/poll/mutations";
import { Trans } from "@/components/trans";
const Page = () => {

2
apps/web/src/app/[locale]/poll/[urlId]/edit-options/page.tsx
View file

@ -10,8 +10,8 @@ import { useForm } from "react-hook-form";
import type { PollOptionsData } from "@/components/forms";
import PollOptionsForm from "@/components/forms/poll-options-form";
import { useModalContext } from "@/components/modal/modal-provider";
import { useUpdatePollMutation } from "@/components/poll/mutations";
import { usePoll } from "@/components/poll-context";
import { useUpdatePollMutation } from "@/components/poll/mutations";
import { Trans } from "@/components/trans";
import { useTranslation } from "@/i18n/client";
import { encodeDateOption } from "@/utils/date-time-utils";

2
apps/web/src/app/[locale]/poll/[urlId]/layout.tsx
View file

@ -1,5 +1,5 @@
import { prisma } from "@rallly/database";
import { dehydrate, Hydrate } from "@tanstack/react-query";
import { Hydrate, dehydrate } from "@tanstack/react-query";
import { notFound } from "next/navigation";
import { PollLayout } from "@/components/layouts/poll-layout";

2
apps/web/src/app/[locale]/quick-create/page.tsx
View file

@ -5,8 +5,8 @@ import Link from "next/link";
import { notFound } from "next/navigation";
import {
isQuickCreateEnabled,
QuickCreateWidget,
isQuickCreateEnabled,
} from "@/features/quick-create";
import { getTranslation } from "@/i18n/server";

46
apps/web/src/app/api/og-image-poll/route.tsx
View file

@ -34,41 +34,39 @@ export async function GET(req: NextRequest) {
});
return new ImageResponse(
(
<div tw="flex relative flex-col bg-gray-100 w-full h-full px-[80px] py-[70px] items-start justify-center">
<div tw="h-full flex flex-col w-full justify-start">
<div tw="flex justify-between items-center w-full">
<Logo height={81} width={370} />
<div tw="flex text-gray-800 text-3xl tracking-tight font-bold">
<span tw="bg-gray-200 px-6 py-3 rounded-full">Invite</span>
</div>
<div tw="flex relative flex-col bg-gray-100 w-full h-full px-[80px] py-[70px] items-start justify-center">
<div tw="h-full flex flex-col w-full justify-start">
<div tw="flex justify-between items-center w-full">
<Logo height={81} width={370} />
<div tw="flex text-gray-800 text-3xl tracking-tight font-bold">
<span tw="bg-gray-200 px-6 py-3 rounded-full">Invite</span>
</div>
<div tw="relative flex w-full flex-col mt-auto">
{author ? (
<div
tw="flex text-gray-500 text-[48px] w-[1040px] overflow-hidden"
style={{
width: 1000,
whiteSpace: "nowrap",
textOverflow: "ellipsis",
}}
>
By {author}
</div>
) : null}
</div>
<div tw="relative flex w-full flex-col mt-auto">
{author ? (
<div
tw="flex mt-3 text-[64px] font-bold w-[1040px] overflow-hidden"
tw="flex text-gray-500 text-[48px] w-[1040px] overflow-hidden"
style={{
width: 1000,
whiteSpace: "nowrap",
textOverflow: "ellipsis",
}}
>
{title}
By {author}
</div>
) : null}
<div
tw="flex mt-3 text-[64px] font-bold w-[1040px] overflow-hidden"
style={{
whiteSpace: "nowrap",
textOverflow: "ellipsis",
}}
>
{title}
</div>
</div>
</div>
),
</div>,
{
width: 1200,
height: 630,

4
apps/web/src/app/api/stripe/portal/helpers/create-portal-session.ts
View file

@ -7,8 +7,8 @@ import { NextResponse } from "next/server";
import { auth } from "@/next-auth";
export function createStripePortalSessionHandler(path: string = "") {
return async function (request: NextRequest) {
export function createStripePortalSessionHandler(path = "") {
return async (request: NextRequest) => {
const sessionId = request.nextUrl.searchParams.get("session_id");
const returnPath =
request.nextUrl.searchParams.get("return_path") ?? "/settings/billing";

3
apps/web/src/app/api/stripe/webhook/route.ts
View file

@ -10,6 +10,7 @@ import { getEventHandler } from "./handlers";
export const POST = withPosthog(async (request: NextRequest) => {
const body = await request.text();
// biome-ignore lint/style/noNonNullAssertion: Fix this later
const sig = request.headers.get("stripe-signature")!;
const stripeSigningSecret = process.env.STRIPE_SIGNING_SECRET;
@ -28,7 +29,7 @@ export const POST = withPosthog(async (request: NextRequest) => {
} catch (err) {
Sentry.captureException(err);
return NextResponse.json(
{ error: `Webhook Error: Failed to construct event` },
{ error: "Webhook Error: Failed to construct event" },
{ status: 400 },
);
}

5
apps/web/src/app/api/user/verify-email-change/route.ts
View file

@ -20,10 +20,7 @@ const COOKIE_CONFIG = {
expires: new Date(Date.now() + 5 * 1000), // 5 seconds
} as const;
const setEmailChangeCookie = (
type: "success" | "error",
value: string = "1",
) => {
const setEmailChangeCookie = (type: "success" | "error", value = "1") => {
cookies().set(`email-change-${type}`, value, COOKIE_CONFIG);
};

2
apps/web/src/app/components/page-icons.tsx
View file

@ -15,7 +15,7 @@ import {
UserIcon,
UsersIcon,
} from "lucide-react";
import React from "react";
import type React from "react";
const pageIconVariants = cva("inline-flex items-center justify-center", {
variants: {

2
apps/web/src/app/components/search-input.tsx
View file

@ -22,7 +22,7 @@ export function SearchInput({ placeholder }: { placeholder: string }) {
const [inputValue, setInputValue] = React.useState(currentSearchValue);
// Create a debounced function to update the URL
// eslint-disable-next-line react-hooks/exhaustive-deps
// biome-ignore lint/correctness/useExhaustiveDependencies: Fix this later
const debouncedUpdateUrl = React.useCallback(
debounce((value: string) => {
const params = new URLSearchParams(searchParams);

2
apps/web/src/app/global-error.tsx
View file

@ -14,7 +14,7 @@ export default function GlobalError({
}, [error]);
return (
<html>
<html lang="en">
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router

2
apps/web/src/app/posthog-page-view.tsx
View file

@ -12,7 +12,7 @@ export function PostHogPageView() {
if (pathname && posthog) {
let url = window.origin + pathname;
if (searchParams?.toString()) {
url = url + `?${searchParams.toString()}`;
url = `${url}?${searchParams.toString()}`;
}
posthog.capture("$pageview", {
$current_url: url,

2
apps/web/src/auth/edge/with-auth.ts
View file

@ -1,6 +1,6 @@
import type { NextResponse } from "next/server";
import type { NextAuthRequest, Session } from "next-auth";
import NextAuth from "next-auth";
import type { NextResponse } from "next/server";
import { nextAuthConfig } from "@/next-auth.config";

5
apps/web/src/components/clock.tsx
View file

@ -79,7 +79,10 @@ export const TimesShownIn = () => {
return (
<ClockPreferences>
<button className="inline-flex items-center gap-x-2.5 text-sm hover:underline">
<button
type="button"
className="inline-flex items-center gap-x-2.5 text-sm hover:underline"
>
<GlobeIcon className="size-4" />
<Trans
i18nKey="timeShownIn"

1
apps/web/src/components/cookie-consent.tsx
View file

@ -48,6 +48,7 @@ const CookieConsentPopover = () => {
Privacy Policy
</Link>
<button
type="button"
onClick={() => {
Cookies.set("rallly_cookie_consent", "1", { expires: 365 });
setVisible(false);

2
apps/web/src/components/create-poll.tsx
View file

@ -11,7 +11,7 @@ import {
import { Form } from "@rallly/ui/form";
import { useToast } from "@rallly/ui/hooks/use-toast";
import { useRouter } from "next/navigation";
import React from "react";
import type React from "react";
import { useForm } from "react-hook-form";
import useFormPersist from "react-hook-form-persist";
import { useUnmount } from "react-use";

2
apps/web/src/components/date-card.tsx
View file

@ -1,5 +1,5 @@
import { cn } from "@rallly/ui";
import * as React from "react";
import type * as React from "react";
export interface DateCardProps {
day: string;

7
apps/web/src/components/discussion/discussion.tsx
View file

@ -223,10 +223,8 @@ function DiscussionInner() {
</div>
{canDelete && (
<DropdownMenu>
<DropdownMenuTrigger asChild={true}>
<button className="hover:text-foreground text-gray-500">
<MoreHorizontalIcon className="size-4" />
</button>
<DropdownMenuTrigger className="hover:text-foreground text-gray-500">
<MoreHorizontalIcon className="size-4" />
</DropdownMenuTrigger>
<DropdownMenuContent align="start">
<DropdownMenuItem
@ -268,6 +266,7 @@ function DiscussionInner() {
/>
) : (
<button
type="button"
className="border-input text-muted-foreground flex w-full rounded border bg-transparent px-2 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1"
onClick={() => setIsWriting(true)}
>

2
apps/web/src/components/error-page.tsx
View file

@ -1,7 +1,7 @@
import { Button } from "@rallly/ui/button";
import { FrownIcon } from "lucide-react";
import Link from "next/link";
import * as React from "react";
import type * as React from "react";
import { useTranslation } from "@/i18n/client";

2
apps/web/src/components/event-card.tsx
View file

@ -5,9 +5,9 @@ import { Icon } from "@rallly/ui/icon";
import dayjs from "dayjs";
import { DotIcon, MapPinIcon, PauseIcon } from "lucide-react";
import { PollStatusBadge } from "@/components/poll-status";
import TruncatedLinkify from "@/components/poll/truncated-linkify";
import VoteIcon from "@/components/poll/vote-icon";
import { PollStatusBadge } from "@/components/poll-status";
import { RandomGradientBar } from "@/components/random-gradient-bar";
import { Trans } from "@/components/trans";
import { usePoll } from "@/contexts/poll";

8
apps/web/src/components/feedback.tsx
View file

@ -30,7 +30,7 @@ const FeedbackButton = () => {
<DropdownMenuSeparator />
<DropdownMenuItem asChild>
<Link
href={`https://feedback.rallly.co/?b=feedback`}
href={"https://feedback.rallly.co/?b=feedback"}
target={"_blank"}
>
<SmileIcon className="mr-2 size-4" />
@ -39,7 +39,7 @@ const FeedbackButton = () => {
</DropdownMenuItem>
<DropdownMenuItem asChild>
<Link
href={`https://feedback.rallly.co/?b=feature-request`}
href={"https://feedback.rallly.co/?b=feature-request"}
target={"_blank"}
>
<LightbulbIcon className="mr-2 size-4" />
@ -48,7 +48,7 @@ const FeedbackButton = () => {
</DropdownMenuItem>
<DropdownMenuItem asChild>
<Link
href={`https://feedback.rallly.co/?b=bug-reports`}
href={"https://feedback.rallly.co/?b=bug-reports"}
target={"_blank"}
>
<BugIcon className="mr-2 size-4" />
@ -57,7 +57,7 @@ const FeedbackButton = () => {
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem asChild>
<Link href={`https://support.rallly.co`} target={"_blank"}>
<Link href={"https://support.rallly.co"} target={"_blank"}>
<LifeBuoyIcon className="mr-2 size-4" />
<Trans i18nKey={"getSupport"} defaults={"Get Support"} />
</Link>

2
apps/web/src/components/forms/poll-options-form/date-navigation-toolbar.tsx
View file

@ -1,6 +1,6 @@
import { Button } from "@rallly/ui/button";
import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
import * as React from "react";
import type * as React from "react";
import { useTranslation } from "@/i18n/client";

8
apps/web/src/components/forms/poll-options-form/dayjs-localizer.ts
View file

@ -1,22 +1,26 @@
/* eslint-disable */
// @ts-nocheck
import { DateLocalizer } from "react-big-calendar";
const weekRangeFormat = ({ start, end }, culture, local) =>
// biome-ignore lint/style/useTemplate: Fix this later
local.format(start, "MMMM DD", culture) +
" – " +
local.format(end, local.eq(start, end, "month") ? "DD" : "MMMM DD", culture);
const dateRangeFormat = ({ start, end }, culture, local) =>
// biome-ignore lint/style/useTemplate: Fix this later
local.format(start, "L", culture) + " – " + local.format(end, "L", culture);
const timeRangeFormat = ({ start, end }, culture, local) =>
// biome-ignore lint/style/useTemplate: Fix this later
local.format(start, "LT", culture) + " – " + local.format(end, "LT", culture);
const timeRangeStartFormat = ({ start }, culture, local) =>
// biome-ignore lint/style/useTemplate: Fix this later
local.format(start, "LT", culture) + " – ";
const timeRangeEndFormat = ({ end }, culture, local) =>
// biome-ignore lint/style/useTemplate: Fix this later
" – " + local.format(end, "LT", culture);
export const formats = {
@ -62,6 +66,7 @@ export default function (dayjs) {
return [dtA, dtB, datePart];
}
// biome-ignore lint/style/useDefaultParameterLast: Fix this later
function startOf(date = null, unit) {
const datePart = fixUnit(unit);
if (datePart) {
@ -70,6 +75,7 @@ export default function (dayjs) {
return dayjs(date).toDate();
}
// biome-ignore lint/style/useDefaultParameterLast: Fix this later
function endOf(date = null, unit) {
const datePart = fixUnit(unit);
if (datePart) {

12
apps/web/src/components/forms/poll-options-form/month-calendar/month-calendar.tsx
View file

@ -26,6 +26,7 @@ import type { NewEventData } from "@/components/forms";
import { Trans } from "@/components/trans";
import { useTranslation } from "@/i18n/client";
import type { DateTimeOption } from "..";
import {
expectTimeOption,
getBrowserTimeZone,
@ -34,7 +35,6 @@ import {
} from "../../../../utils/date-time-utils";
import DateCard from "../../../date-card";
import { useHeadlessDatePicker } from "../../../headless-date-picker";
import type { DateTimeOption } from "..";
import type { DateTimePickerProps } from "../types";
import { formatDateWithoutTime, formatDateWithoutTz } from "../utils";
import TimePicker from "./time-picker";
@ -81,7 +81,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
const datepickerSelection = React.useMemo(() => {
return Object.keys(optionsByDay).map(
(dateString) => new Date(dateString + "T12:00:00"),
(dateString) => new Date(`${dateString}T12:00:00`),
);
}, [optionsByDay]);
@ -127,6 +127,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
{datepicker.days.map((day, i) => {
return (
<div
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
key={i}
className={cn("h-11", {
"border-r": (i + 1) % 7 !== 0,
@ -192,7 +193,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
? "border-primary-300 group-hover:border-primary-400 border-dashed shadow-sm"
: "border-dashed border-transparent group-hover:border-gray-400 group-active:bg-gray-200",
)}
></span>
/>
<span className="z-10">{day.day}</span>
</button>
</div>
@ -272,7 +273,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
className="space-y-3 p-3 sm:flex sm:items-start sm:space-x-4 sm:space-y-0 sm:p-4"
>
<DateCard
{...getDateProps(new Date(dateString + "T12:00:00"))}
{...getDateProps(new Date(`${dateString}T12:00:00`))}
/>
<div className="grow space-y-3">
{optionsForDay.map(({ option, index }) => {
@ -411,8 +412,10 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
},
);
const newOptions: DateTimeOption[] = [];
// biome-ignore lint/complexity/noForEach: Fix this later
Object.keys(optionsByDay).forEach(
(dateString) => {
// biome-ignore lint/complexity/noForEach: Fix this later
times.forEach((time) => {
const start =
dateString + time.startTime;
@ -465,6 +468,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
.map((selectedDate, i) => {
return (
<DateCard
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
key={i}
{...getDateProps(selectedDate)}
// annotation={

3
apps/web/src/components/forms/poll-options-form/poll-options-form.tsx
View file

@ -71,8 +71,7 @@ const PollOptionsForm = ({
[views, watchView],
);
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
const watchOptions = watch("options", [])!;
const watchOptions = watch("options", []);
const watchDuration = watch("duration");
const watchTimeZone = watch("timeZone");

4
apps/web/src/components/forms/poll-options-form/week-calendar.tsx
View file

@ -3,7 +3,7 @@ import "./rbc-overrides.css";
import dayjs from "dayjs";
import { XIcon } from "lucide-react";
import React from "react";
import type React from "react";
import type { CalendarProps } from "react-big-calendar";
import { Calendar } from "react-big-calendar";
import { createBreakpoint } from "react-use";
@ -123,7 +123,7 @@ const WeekCalendar: React.FunctionComponent<DateTimePickerProps> = ({
);
},
week: {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
// biome-ignore lint/suspicious/noExplicitAny: Fix this later
header: function Header({ date }: any) {
return (
<span className="w-full rounded-md text-center text-sm tracking-tight">

3
apps/web/src/components/forms/poll-settings.tsx
View file

@ -11,7 +11,7 @@ import { useDialog } from "@rallly/ui/dialog";
import { FormField } from "@rallly/ui/form";
import { Switch } from "@rallly/ui/switch";
import { AtSignIcon, EyeIcon, MessageCircleIcon, VoteIcon } from "lucide-react";
import React from "react";
import type React from "react";
import { useFormContext } from "react-hook-form";
import { Trans } from "react-i18next";
@ -52,6 +52,7 @@ const SettingTitle = ({
const Setting = ({ children }: React.PropsWithChildren) => {
return (
// biome-ignore lint/a11y/noLabelWithoutControl: Fix this later
<label
className={cn(
"cursor-pointer bg-white hover:bg-gray-50 active:bg-gray-100",

2
apps/web/src/components/forms/types.ts
View file

@ -7,7 +7,7 @@ export type NewEventData = PollDetailsData &
PollOptionsData &
PollSettingsFormData;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
// biome-ignore lint/suspicious/noExplicitAny: Fix this later
export interface PollFormProps<T extends Record<string, any>> {
onSubmit?: (data: T) => void;
onChange?: (data: Partial<T>) => void;

4
apps/web/src/components/invite-dialog.tsx
View file

@ -80,9 +80,9 @@ export const InviteDialog = () => {
</DialogDescription>
</DialogHeader>
<div className="min-w-0">
<label className="mb-2">
<p className="mb-2 text-sm">
<Trans i18nKey="inviteLink" defaults="Invite Link" />
</label>
</p>
<div className="flex gap-2">
<CopyInviteLinkButton />
<div className="shrink-0">

2
apps/web/src/components/layouts/poll-layout.tsx
View file

@ -10,7 +10,7 @@ import {
} from "lucide-react";
import Link from "next/link";
import { useParams, usePathname } from "next/navigation";
import React from "react";
import type React from "react";
import { LogoutButton } from "@/app/components/logout-button";
import { InviteDialog } from "@/components/invite-dialog";

1
apps/web/src/components/modal/modal-provider.tsx
View file

@ -78,6 +78,7 @@ const ModalProvider: React.FunctionComponent<ModalProviderProps> = ({
))}
{modals.map((props, i) => (
<Modal
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
key={i}
visible={true}
{...props}

2
apps/web/src/components/modal/modal.tsx
View file

@ -8,7 +8,7 @@ import {
DialogHeader,
DialogTitle,
} from "@rallly/ui/dialog";
import * as React from "react";
import type * as React from "react";
export interface ModalProps {
title?: React.ReactNode;

1
apps/web/src/components/new-participant-modal.tsx
View file

@ -168,6 +168,7 @@ export const NewParticipantForm = (props: NewParticipantModalProps) => {
) : null}
</fieldset>
<fieldset>
{/* biome-ignore lint/a11y/noLabelWithoutControl: Fix this later */}
<label className="mb-1 text-gray-500">{t("response")}</label>
<VoteSummary votes={props.votes} />
</fieldset>

4
apps/web/src/components/participant-avatar-bar.tsx
View file

@ -16,7 +16,7 @@ interface ParticipantAvatarBarProps {
export const ParticipantAvatarBar = ({
participants,
max = Infinity,
max = Number.POSITIVE_INFINITY,
}: ParticipantAvatarBarProps) => {
const totalParticipants = participants.length;
@ -37,6 +37,7 @@ export const ParticipantAvatarBar = ({
return (
<ul className="flex cursor-default items-center -space-x-1 rounded-full bg-white p-0.5">
{visibleParticipants.map((participant, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
<Tooltip delayDuration={100} key={index}>
<TooltipTrigger asChild>
<li className="z-10 inline-flex items-center justify-center rounded-full ring-2 ring-white">
@ -70,6 +71,7 @@ export const ParticipantAvatarBar = ({
<TooltipContent className="z-10">
<ul>
{tooltipParticipants.map((participant, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
<li key={index}>{participant.name}</li>
))}
{remainingCount > 0 && (

4
apps/web/src/components/poll-context.tsx
View file

@ -59,6 +59,7 @@ export const PollContextProvider: React.FunctionComponent<{
(optionId: string) => {
return (participants ?? []).reduce(
(acc, curr) => {
// biome-ignore lint/complexity/noForEach: Fix this later
curr.votes.forEach((vote) => {
if (vote.optionId !== optionId) {
return;
@ -103,6 +104,7 @@ export const PollContextProvider: React.FunctionComponent<{
);
const participantsByOptionId: Record<string, Participant[]> = {};
// biome-ignore lint/complexity/noForEach: Fix this later
poll.options.forEach((option) => {
participantsByOptionId[option.id] = (participants ?? []).filter(
(participant) =>
@ -233,13 +235,13 @@ export const OptionsProvider = (props: React.PropsWithChildren) => {
const { poll } = usePoll();
const { timeZone: targetTimeZone, timeFormat } = useDayjs();
// biome-ignore lint/correctness/useExhaustiveDependencies: Fix this later
const options = React.useMemo(() => {
return createOptionsContextValue(
poll.options,
targetTimeZone,
poll.timeZone,
);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [poll.options, poll.timeZone, targetTimeZone, timeFormat]);
return (

1
apps/web/src/components/poll/desktop-poll.tsx
View file

@ -311,6 +311,7 @@ const DesktopPoll: React.FunctionComponent = () => {
? visibleParticipants.map((participant, i) => {
return (
<ParticipantRow
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
key={i}
participant={{
id: participant.id,

3
apps/web/src/components/poll/desktop-poll/participant-row-form.tsx
View file

@ -19,7 +19,7 @@ import { Trans } from "@/components/trans";
import { useTranslation } from "@/i18n/client";
import { usePoll } from "../../poll-context";
import { toggleVote, VoteSelector } from "../vote-selector";
import { VoteSelector, toggleVote } from "../vote-selector";
export interface ParticipantRowFormProps {
name?: string;
@ -113,6 +113,7 @@ const ParticipantRowForm = ({
control={form.control}
name={`votes.${i}`}
render={({ field }) => (
// biome-ignore lint/a11y/useKeyWithClickEvents: Fix later
<div
onClick={() => {
field.onChange({

7
apps/web/src/components/poll/desktop-poll/participant-row.tsx
View file

@ -4,7 +4,7 @@ import { Badge } from "@rallly/ui/badge";
import { Button } from "@rallly/ui/button";
import { Icon } from "@rallly/ui/icon";
import { MoreHorizontalIcon } from "lucide-react";
import * as React from "react";
import type * as React from "react";
import { OptimizedAvatarImage } from "@/components/optimized-avatar-image";
import { Participant, ParticipantName } from "@/components/participant";
@ -68,6 +68,7 @@ export const ParticipantRowView: React.FunctionComponent<{
{votes.map((vote, i) => {
return (
<td
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
key={i}
className={cn(
"h-12 border-l border-t",
@ -95,7 +96,7 @@ export const ParticipantRowView: React.FunctionComponent<{
</td>
);
})}
<td className="bg-diagonal-lines border-l"></td>
<td className="bg-diagonal-lines border-l" />
</tr>
);
};
@ -109,7 +110,7 @@ const ParticipantRow: React.FunctionComponent<ParticipantRowProps> = ({
const { ownsObject } = useUser();
const { getVote, optionIds } = usePoll();
const isYou = ownsObject(participant) ? true : false;
const isYou = ownsObject(participant);
const { canEditParticipant } = usePermissions();
const canEdit = canEditParticipant(participant.id);

8
apps/web/src/components/poll/desktop-poll/poll-header.tsx
View file

@ -6,10 +6,10 @@ import {
TooltipTrigger,
} from "@rallly/ui/tooltip";
import { ClockIcon } from "lucide-react";
import * as React from "react";
import type * as React from "react";
import { ConnectedScoreSummary } from "@/components/poll/score-summary";
import { useOptions } from "@/components/poll-context";
import { ConnectedScoreSummary } from "@/components/poll/score-summary";
import { Trans } from "@/components/trans";
const TimeRange: React.FunctionComponent<{
@ -50,9 +50,9 @@ const TimelineRow = ({
<th
style={{ minWidth: 240, top }}
className="sticky left-0 z-30 bg-white pl-4 pr-4"
></th>
/>
{children}
<th className="w-full min-w-4 border-l"></th>
<th className="w-full min-w-4 border-l" />
</tr>
);
};

62
apps/web/src/components/poll/manage-poll.tsx
View file

@ -186,45 +186,43 @@ const ManagePoll: React.FunctionComponent<{
</Link>
</DropdownMenuItem>
<DropdownMenuSeparator />
<>
{poll.status === "finalized" ? (
{poll.status === "finalized" ? (
<DropdownMenuItem
onClick={() => {
reopen.mutate({ pollId: poll.id });
}}
>
<Icon>
<RotateCcwIcon />
</Icon>
<Trans i18nKey="reopenPoll" defaults="Reopen" />
</DropdownMenuItem>
) : (
<>
<DropdownMenuItem
disabled={!!poll.event}
onClick={() => {
reopen.mutate({ pollId: poll.id });
if (user.tier !== "pro") {
paywallDialog.trigger();
posthog?.capture("trigger paywall", {
poll_id: poll.id,
from: "manage-poll",
action: "finalize",
});
} else {
finalizeDialog.trigger();
}
}}
>
<Icon>
<RotateCcwIcon />
<CalendarCheck2Icon />
</Icon>
<Trans i18nKey="reopenPoll" defaults="Reopen" />
<Trans i18nKey="finishPoll" defaults="Finalize" />
<ProBadge />
</DropdownMenuItem>
) : (
<>
<DropdownMenuItem
disabled={!!poll.event}
onClick={() => {
if (user.tier !== "pro") {
paywallDialog.trigger();
posthog?.capture("trigger paywall", {
poll_id: poll.id,
from: "manage-poll",
action: "finalize",
});
} else {
finalizeDialog.trigger();
}
}}
>
<Icon>
<CalendarCheck2Icon />
</Icon>
<Trans i18nKey="finishPoll" defaults="Finalize" />
<ProBadge />
</DropdownMenuItem>
<PauseResumeToggle />
</>
)}
</>
<PauseResumeToggle />
</>
)}
<DropdownMenuSeparator />
<DropdownMenuItem onClick={exportToCsv}>
<DropdownMenuItemIconLabel icon={DownloadIcon}>

2
apps/web/src/components/poll/manage-poll/delete-poll-dialog.tsx
View file

@ -8,7 +8,7 @@ import {
DialogTitle,
} from "@rallly/ui/dialog";
import { useRouter } from "next/navigation";
import * as React from "react";
import type * as React from "react";
import { Trans } from "@/components/trans";
import { trpc } from "@/trpc/client";

3
apps/web/src/components/poll/manage-poll/finalize-poll-dialog.tsx
View file

@ -52,6 +52,7 @@ const useScoreByOptionId = () => {
return React.useMemo(() => {
const scoreByOptionId: Record<string, OptionScore> = {};
// biome-ignore lint/complexity/noForEach: Fix this later
options.forEach((option) => {
scoreByOptionId[option.id] = {
yes: [],
@ -60,7 +61,9 @@ const useScoreByOptionId = () => {
};
});
// biome-ignore lint/complexity/noForEach: Fix this later
responses?.forEach((response) => {
// biome-ignore lint/complexity/noForEach: Fix this later
response.votes.forEach((vote) => {
scoreByOptionId[vote.optionId]?.[vote.type].push(response.id);
});

4
apps/web/src/components/poll/mobile-poll.tsx
View file

@ -12,16 +12,16 @@ import {
import { MoreHorizontalIcon, PlusIcon, UsersIcon } from "lucide-react";
import { AnimatePresence } from "motion/react";
import * as m from "motion/react-m";
import * as React from "react";
import type * as React from "react";
import smoothscroll from "smoothscroll-polyfill";
import { TimesShownIn } from "@/components/clock";
import { OptimizedAvatarImage } from "@/components/optimized-avatar-image";
import { Participant, ParticipantName } from "@/components/participant";
import { ParticipantDropdown } from "@/components/participant-dropdown";
import { useOptions, usePoll } from "@/components/poll-context";
import { useVotingForm } from "@/components/poll/voting-form";
import { YouAvatar } from "@/components/poll/you-avatar";
import { useOptions, usePoll } from "@/components/poll-context";
import { Trans } from "@/components/trans";
import { usePermissions } from "@/contexts/permissions";
import { useTranslation } from "@/i18n/client";

2
apps/web/src/components/poll/mobile-poll/date-option.tsx
View file

@ -1,4 +1,4 @@
import * as React from "react";
import type * as React from "react";
import type { PollOptionProps } from "./poll-option";
import PollOption from "./poll-option";

2
apps/web/src/components/poll/mobile-poll/grouped-options.tsx
View file

@ -1,6 +1,6 @@
import { cn } from "@rallly/ui";
import { groupBy } from "lodash";
import * as React from "react";
import type * as React from "react";
import type { ParsedDateTimeOpton } from "@/utils/date-time-utils";

4
apps/web/src/components/poll/mobile-poll/poll-option.tsx
View file

@ -49,6 +49,7 @@ const PollOptionVoteSummary: React.FunctionComponent<{ optionId: string }> = ({
<div className="grid grid-cols-2 gap-2">
<div className="col-span-1 space-y-2.5">
{participantsWhoVotedYes.map(({ name }, i) => (
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
<div key={i} className="flex">
<div className="relative mr-2.5 flex size-5 items-center justify-center">
<OptimizedAvatarImage size="xs" name={name} />
@ -62,6 +63,7 @@ const PollOptionVoteSummary: React.FunctionComponent<{ optionId: string }> = ({
</div>
))}
{participantsWhoVotedIfNeedBe.map(({ name }, i) => (
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
<div key={i} className="flex">
<div className="relative mr-2.5 flex size-5 items-center justify-center">
<OptimizedAvatarImage size="xs" name={name} />
@ -77,6 +79,7 @@ const PollOptionVoteSummary: React.FunctionComponent<{ optionId: string }> = ({
</div>
<div className="col-span-1 space-y-2.5">
{participantsWhoVotedNo.map(({ name }, i) => (
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
<div key={i} className="flex">
<div className="relative mr-2.5 flex size-5 items-center justify-center">
<OptimizedAvatarImage size="xs" name={name} />
@ -111,6 +114,7 @@ const PollOption: React.FunctionComponent<PollOptionProps> = ({
const [active, setActive] = React.useState(false);
const [isExpanded, toggle] = useToggle(false);
return (
// biome-ignore lint/a11y/useKeyWithClickEvents: Fix this later
<div
className={cn("space-y-4 bg-white p-4", {
"bg-gray-500/5": editable && active,

4
apps/web/src/components/poll/mobile-poll/poll-options.tsx
View file

@ -1,9 +1,9 @@
import type { VoteType } from "@rallly/database";
import * as React from "react";
import type * as React from "react";
import { Controller } from "react-hook-form";
import { useVotingForm } from "@/components/poll/voting-form";
import { usePoll } from "@/components/poll-context";
import { useVotingForm } from "@/components/poll/voting-form";
import type { ParsedDateTimeOpton } from "@/utils/date-time-utils";
import DateOption from "./date-option";

2
apps/web/src/components/poll/mobile-poll/time-slot-option.tsx
View file

@ -1,5 +1,5 @@
import { ClockIcon } from "lucide-react";
import * as React from "react";
import type * as React from "react";
import type { PollOptionProps } from "./poll-option";
import PollOption from "./poll-option";

4
apps/web/src/components/poll/notifications-toggle.tsx
View file

@ -4,7 +4,7 @@ import { Icon } from "@rallly/ui/icon";
import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
import { BellOffIcon, BellRingIcon } from "lucide-react";
import { signIn } from "next-auth/react";
import * as React from "react";
import type * as React from "react";
import { Skeleton } from "@/components/skeleton";
import { Trans } from "@/components/trans";
@ -22,7 +22,7 @@ const NotificationsToggle: React.FunctionComponent = () => {
pollId: poll.id,
},
{
staleTime: Infinity,
staleTime: Number.POSITIVE_INFINITY,
},
);

2
apps/web/src/components/poll/poll-view-tracker.tsx
View file

@ -38,7 +38,7 @@ export function PollViewTracker({ pollId }: { pollId: string }) {
// Only track a view if it's been more than 30 minutes since the last view
// or if this is the first view in this session
if (!lastView || now - parseInt(lastView) > 30 * 60 * 1000) {
if (!lastView || now - Number.parseInt(lastView) > 30 * 60 * 1000) {
// Record the view using server action
trackPollView(pollId)
.then(() => {

2
apps/web/src/components/poll/scheduled-event.tsx
View file

@ -118,7 +118,7 @@ export function ScheduledEvent() {
}
guests={attendees
.filter((participant) => !!participant.email)
.map((participant) => participant.email!)}
.map((participant) => participant.email as string)}
/>
</div>
</div>

2
apps/web/src/components/poll/truncated-linkify.tsx
View file

@ -1,7 +1,7 @@
import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
import Linkify from "linkify-react";
import Link from "next/link";
import * as React from "react";
import type * as React from "react";
export const truncateLink = (href: string, text: string, key: number) => {
const textWithoutProtocol = text.replace(/^https?:\/\//i, "");

2
apps/web/src/components/register-link.tsx
View file

@ -17,7 +17,7 @@ export const RegisterLink = React.forwardRef<
onClick={async (e) => {
e.preventDefault();
props.onClick?.(e);
router.push("/register?redirectTo=" + encodeURIComponent(pathname));
router.push(`/register?redirectTo=${encodeURIComponent(pathname)}`);
}}
>
{children}

2
apps/web/src/components/skeleton.tsx
View file

@ -1,5 +1,5 @@
import { cn } from "@rallly/ui";
import React from "react";
import type React from "react";
export const Skeleton = (props: {
className?: string;

2
apps/web/src/components/steps/step.tsx
View file

@ -1,4 +1,4 @@
import React from "react";
import type React from "react";
export interface StepProps {
title: string;

3
apps/web/src/components/steps/steps.tsx
View file

@ -1,5 +1,5 @@
import { cn } from "@rallly/ui";
import React from "react";
import type React from "react";
import { useTranslation } from "@/i18n/client";
@ -28,6 +28,7 @@ const Steps: React.FunctionComponent<StepsProps> = ({
{[...Array(total)].map((_, i) => {
return (
<span
// biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
key={i}
className={cn("h-2 w-2 rounded-full transition-all", {
"bg-primary-400": i <= current,

1
apps/web/src/components/table/table-column-header.tsx
View file

@ -20,6 +20,7 @@ export function DataTableColumnHeader<TData, TValue>({
return (
<button
type="button"
className="flex w-full items-center gap-x-2.5"
onClick={() => {
column.toggleSorting();

2
apps/web/src/components/time-format-picker.tsx
View file

@ -17,12 +17,14 @@ const TimeFormatPicker = ({
return (
<RadioGroup value={value} onValueChange={onChange} disabled={disabled}>
<div className="grid gap-y-1">
{/* biome-ignore lint/a11y/noLabelWithoutControl: Fix this later */}
<label className="flex items-center gap-x-2">
<RadioGroupItem value="hours12" />
<span>
<Trans i18nKey="12h" />
</span>
</label>
{/* biome-ignore lint/a11y/noLabelWithoutControl: Fix this later */}
<label className="flex items-center gap-x-2">
<RadioGroupItem value="hours24" />
<span>

10
apps/web/src/components/upgrade-button.tsx
View file

@ -50,13 +50,3 @@ export const UpgradeButton = ({
</form>
);
};
export const UpgradeLink = ({}) => {
return (
<Button variant="primary" asChild>
<Link href="/settings/billing">
<Trans i18nKey="upgrade" defaults="Upgrade" />
</Link>
</Button>
);
};

4
apps/web/src/components/user-provider.tsx
View file

@ -1,7 +1,7 @@
"use client";
import { usePostHog } from "@rallly/posthog/client";
import { useRouter } from "next/navigation";
import { signIn, signOut } from "next-auth/react";
import { useRouter } from "next/navigation";
import React from "react";
import { useTranslation } from "@/i18n/client";
@ -83,6 +83,7 @@ export const UserProvider = ({
const isGuest = !user || user.tier === "guest";
const tier = isGuest ? "guest" : user.tier;
// biome-ignore lint/correctness/useExhaustiveDependencies: Fix this later
React.useEffect(() => {
if (user) {
posthog?.identify(user.id, {
@ -92,7 +93,6 @@ export const UserProvider = ({
image: user.image,
});
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [user?.id]);
return (

6
apps/web/src/components/vote-summary-progress-bar.tsx
View file

@ -33,7 +33,7 @@ export const VoteSummaryProgressBar = (props: {
<div
className="h-full bg-green-500 opacity-75 hover:opacity-100"
style={{
width: (props.yes.length / props.total) * 100 + "%",
width: `${(props.yes.length / props.total) * 100}%`,
}}
/>
</TooltipTrigger>
@ -46,7 +46,7 @@ export const VoteSummaryProgressBar = (props: {
<div
className="h-full bg-amber-400 opacity-75 hover:opacity-100"
style={{
width: (props.ifNeedBe.length / props.total) * 100 + "%",
width: `${(props.ifNeedBe.length / props.total) * 100}%`,
}}
/>
</TooltipTrigger>
@ -59,7 +59,7 @@ export const VoteSummaryProgressBar = (props: {
<div
className="h-full bg-gray-300 opacity-75 hover:opacity-100"
style={{
width: (props.no.length / props.total) * 100 + "%",
width: `${(props.no.length / props.total) * 100}%`,
}}
/>
</TooltipTrigger>

2
apps/web/src/features/moderation/libs/ai-moderation.ts
View file

@ -22,7 +22,7 @@ export async function moderateContentWithAI(text: string) {
return result.text.includes("FLAGGED");
} catch (err) {
console.error(`❌ AI moderation failed:`, err);
console.error("❌ AI moderation failed:", err);
return false;
}
}

11
apps/web/src/features/navigation/command-menu/command-global-shortcut.tsx
View file

@ -1,7 +1,4 @@
"use client";
import { useRouter } from "next/navigation";
import { useEffect } from "react";
import React from "react";
function cmdKey(e: KeyboardEvent) {
if (e.metaKey || e.ctrlKey) {
@ -11,9 +8,7 @@ function cmdKey(e: KeyboardEvent) {
}
export function CommandGlobalShortcut({ trigger }: { trigger: () => void }) {
const router = useRouter();
useEffect(() => {
React.useEffect(() => {
const handleKeyDown = (e: KeyboardEvent) => {
switch (cmdKey(e)) {
case "k":
@ -28,7 +23,7 @@ export function CommandGlobalShortcut({ trigger }: { trigger: () => void }) {
return () => {
document.removeEventListener("keydown", handleKeyDown);
};
}, [router, trigger]);
}, [trigger]);
// This component doesn't render anything
return null;

2
apps/web/src/features/scheduled-event/api/get-scheduled-events.ts
View file

@ -34,7 +34,7 @@ export async function getScheduledEvents({
const where: Prisma.ScheduledEventWhereInput = {
userId,
deletedAt: null,
...(status != "past" && { start: { gte: now } }),
...(status !== "past" && { start: { gte: now } }),
...(status === "past" && { start: { lt: now } }),
...(search && { title: { contains: search, mode: "insensitive" } }),
status: mapStatus[status],

5
apps/web/src/features/timezone/client/context.tsx
View file

@ -34,10 +34,7 @@ export const TimezoneProvider = ({
return getBrowserTimeZone();
});
const value = React.useMemo(
() => ({ timezone, setTimezone }),
[timezone, setTimezone],
);
const value = React.useMemo(() => ({ timezone, setTimezone }), [timezone]);
return (
<TimezoneContext.Provider value={value}>

2
apps/web/src/features/timezone/formatted-date-time-server.tsx
View file

@ -1,7 +1,7 @@
import { cn } from "@rallly/ui";
import type { ConfigType } from "dayjs";
import dayjs from "dayjs";
import * as React from "react";
import type * as React from "react";
interface FormattedDateTimeServerProps
extends Omit<React.HTMLAttributes<HTMLTimeElement>, "dateTime"> {

1
apps/web/src/features/timezone/utils.ts
View file

@ -98,6 +98,7 @@ export const groupTimezonesByOffset = (): Record<string, string[]> => {
const timezones = getAllTimezones();
const grouped: Record<string, string[]> = {};
// biome-ignore lint/complexity/noForEach: Fix this later
timezones.forEach((tz) => {
const offset = dayjs().tz(tz).format("Z");
if (!grouped[offset]) {

Some files were not shown because too many files have changed in this diff Show more