dashboard update; initialize rome.tools

CODE_OF_CONDUCT.md

@@ -14,22 +14,22 @@ orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-- Using welcoming and inclusive language
-- Being respectful of differing viewpoints and experiences
-- Gracefully accepting constructive criticism
-- Focusing on what is best for the community
-- Showing empathy towards other community members
+-   Using welcoming and inclusive language
+-   Being respectful of differing viewpoints and experiences
+-   Gracefully accepting constructive criticism
+-   Focusing on what is best for the community
+-   Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-- The use of sexualized language or imagery and unwelcome sexual attention or
-  advances
-- Trolling, insulting/derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or electronic
-  address, without explicit permission
-- Other conduct which could reasonably be considered inappropriate in a
-  professional setting
+-   The use of sexualized language or imagery and unwelcome sexual attention or
+    advances
+-   Trolling, insulting/derogatory comments, and personal or political attacks
+-   Public or private harassment
+-   Publishing others' private information, such as a physical or electronic
+    address, without explicit permission
+-   Other conduct which could reasonably be considered inappropriate in a
+    professional setting
 
 ### Our Responsibilities
 

apps/landing/README.md

@@ -22,8 +22,8 @@ The `pages/api` directory is mapped to `/api/*`. Files in this directory are tre
 
 To learn more about Next.js, take a look at the following resources:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+-   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+-   [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 

apps/server/readme.md

@@ -2,9 +2,9 @@
 
 ## Database and Async
 
-- PostgresQL (in prod only)
-- Django-Q + Redis for scheduling async tasks.
-- Channel layer for websocket communication.
+-   PostgresQL (in prod only)
+-   Django-Q + Redis for scheduling async tasks.
+-   Channel layer for websocket communication.
 
 ## Code Formatting
 

apps/web/src/components/CommandPalette.tsx

@@ -97,7 +97,7 @@ export default function CommandPalette() {
 	}, [handleKeyPress]);
 
 	return (
-		<Transition.Root show={open} as={Fragment} appear>
+		<Transition.Root show={open} as={Fragment} appear={true}>
 			<Dialog as="div" className="relative z-10" onClose={setOpen}>
 				<Transition.Child
 					as={Fragment}
@@ -170,7 +170,7 @@ export default function CommandPalette() {
 												'group flex items-center rounded-md px-4 py-4 text-sm',
 												'focus:ring-offset-neutral border-[1px] border-dashed border-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2'
 											)}
-											end
+											end={true}
 										>
 											<item.icon
 												className="-ml-1 mr-3 h-6 w-6 flex-shrink-0"

apps/web/src/components/forms/ChangeEmail.forms.tsx

@@ -107,7 +107,7 @@ export default function ChangeEmailForm(): JSX.Element {
 									loggedInUser.email ? loggedInUser.email : '[email protected]'
 								}
 								autoComplete="email"
-								required
+								required={true}
 								className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:border-orange-500 focus:outline-none focus:ring-orange-500
                     dark:border-neutral-800 sm:text-sm"

apps/web/src/components/forms/Login.forms.tsx

@@ -79,7 +79,7 @@ export default function LoginForm({ loginError, setLoginError }: LoginFormProps)
 									type="email"
 									placeholder="[email protected]"
 									autoComplete="email"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                   border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -113,7 +113,7 @@ export default function LoginForm({ loginError, setLoginError }: LoginFormProps)
 									type="password"
 									placeholder="••••••••••••••••"
 									autoComplete="current-password"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                   border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -146,7 +146,7 @@ export default function LoginForm({ loginError, setLoginError }: LoginFormProps)
 					</div>
 
 					<div className="flex w-full justify-center">
-						<PrimaryButton isSubmitting={isSubmitting} wFull>
+						<PrimaryButton isSubmitting={isSubmitting} wFull={true}>
 							<span className="w-full">
 								{isSubmitting ? 'Signing In...' : 'Sign In'} <span>✨</span>
 							</span>

apps/web/src/components/forms/ResetPassword.forms.tsx

@@ -108,7 +108,7 @@ export default function PasswordResetForm(): JSX.Element {
 									placeholder="••••••••••••••••"
 									autoComplete="current-password"
 									aria-describedby="password-description"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -136,7 +136,7 @@ export default function PasswordResetForm(): JSX.Element {
 									placeholder="••••••••••••••••"
 									autoComplete="current-password"
 									aria-describedby="password-description"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -247,7 +247,7 @@ export function ForgotPasswordForm(): JSX.Element {
 									type="email"
 									placeholder="[email protected]"
 									autoComplete="email"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>

apps/web/src/components/forms/Signup.forms.tsx

@@ -124,7 +124,7 @@ export default function SignupForm({
 									type="text"
 									placeholder="John"
 									autoComplete="First Name"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -158,7 +158,7 @@ export default function SignupForm({
 									type="lastName"
 									placeholder="Doe"
 									autoComplete="Last Name"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -192,7 +192,7 @@ export default function SignupForm({
 									type="email"
 									placeholder="[email protected]"
 									autoComplete="email"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -227,7 +227,7 @@ export default function SignupForm({
 									placeholder="••••••••••••••••"
 									autoComplete="current-password"
 									aria-describedby="password-description"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -273,7 +273,7 @@ export default function SignupForm({
 									type="password"
 									placeholder="••••••••••••••••"
 									autoComplete="current-password"
-									required
+									required={true}
 									className="dark:bg-darkBG mt-1 block w-full rounded-md border
                     border-neutral-300 py-2 px-3 shadow-sm focus:outline-none dark:border-neutral-800 sm:text-sm"
 								/>
@@ -297,7 +297,7 @@ export default function SignupForm({
 					<div>
 						{!signedUp ? (
 							<div className="flex justify-center">
-								<PrimaryButton isSubmitting={isSubmitting} wFull>
+								<PrimaryButton isSubmitting={isSubmitting} wFull={true}>
 									<span className="text-lg font-bold">
 										{isSubmitting ? 'Signing up...' : 'Sign Up'}{' '}
 										<span className="text-xs">✨</span>

apps/web/src/main.tsx

@@ -161,7 +161,7 @@ const router = createBrowserRouter([
 					{
 						path: '/meetings/past',
 						hasErrorBoundary: true,
-						element: <MeetingList past />,
+						element: <MeetingList past={true} />,
 					},
 					{
 						path: '/meetings/:uid',

apps/web/src/pages/Layout.tsx

@@ -100,7 +100,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 											'flex items-center px-5 py-3 duration-300'
 										)
 									}
-									end
+									end={true}
 								>
 									<item.icon
 										className={classNames(
@@ -176,7 +176,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 												'mb-1 flex w-1/4 justify-evenly rounded-xl border-t-2 border-transparent py-3'
 											)
 										}
-										end
+										end={true}
 									>
 										<tab.icon
 											className="h-8 w-8 flex-shrink-0"
@@ -249,11 +249,11 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 													to="/social/circle"
 													className="ml-2 flex font-mono text-sm font-medium text-orange-200
                             duration-300 hover:text-white"
-													end
+													end={true}
 												>
 													<ArrowLeftIcon
 														className="mr-2 h-6 w-5 flex-shrink-0 text-gray-300"
-														aria-hidden
+														aria-hidden={true}
 													/>
 													Circle
 												</NavLink>

apps/web/src/pages/Login.tsx

@@ -58,7 +58,7 @@ export function Login() {
 
 							<div className="mt-6">
 								<PrimaryButton
-									wFull
+									wFull={true}
 									onClick={() => {
 										setGithubLogin(true);
 										loginGithub();

apps/web/src/pages/social/OneOne.tsx

@@ -406,7 +406,7 @@ function MatchCard({ username }: { username: string }): JSX.Element {
 								</button>
 							) : (
 								<button type="button" className={greenString}>
-									<CheckIcon className="mr-2 h-6 w-5" aria-hidden />
+									<CheckIcon className="mr-2 h-6 w-5" aria-hidden={true} />
 									<span>Added To Circle</span>
 								</button>
 							)}

apps/web/src/pages/social/components/ActionDialogs.tsx

@@ -414,7 +414,7 @@ export function ScheduleDialog({
 																className="rounded-md border-[1px] border-solid border-neutral-600 px-3 py-1 font-light text-slate-900
 															  shadow-2xl shadow-white/20 invert filter duration-300 sm:px-3 lg:px-6"
 																step={900}
-																required
+																required={true}
 															/>
 														</div>
 													</div>

apps/web/src/pages/social/forms/SocialProfile.forms.tsx

@@ -464,7 +464,7 @@ export function SocialProfileForm(): JSX.Element {
 										}
 									}
 								}}
-								multiple
+								multiple={true}
 							>
 								{({ open }) => (
 									<>
@@ -588,7 +588,7 @@ export function SocialProfileForm(): JSX.Element {
 										}
 									}
 								}
-								multiple
+								multiple={true}
 							>
 								{({ open }) => (
 									<>
@@ -709,7 +709,7 @@ export function SocialProfileForm(): JSX.Element {
 										}
 									}
 								}}
-								multiple
+								multiple={true}
 							>
 								{({ open }) => (
 									<>

apps/web/src/pages/stream/Messages.tsx

@@ -32,7 +32,7 @@ function MessagesNav({ user }: { user: string }): JSX.Element {
 	if (connected) {
 		return (
 			<NavLink
-				preventScrollReset
+				preventScrollReset={true}
 				key={user}
 				to={`/messages/${user}/`}
 				className={classNames(

package.json

@@ -10,6 +10,7 @@
 		"build": "turbo run build",
 		"dev": "turbo run dev --parallel",
 		"lint": "turbo run lint",
+		"rome": "rome check ./ --apply",
 		"format": "prettier --write \"**/*.{ts,tsx,md}\""
 	},
 	"devDependencies": {

rome.json

@@ -1,6 +1,7 @@
 {
   "linter": {
     "enabled": true,
+    "ignore": ["*.js", "*.css", "*.html", "*.json", "*.md", "*.txt", "*.xml", "node_modules/**", "dist/**"],
     "rules": {
       "recommended": true
     }