Use @/components alias for components
This commit is contained in:
parent
9b06c8aed3
commit
5f37d7bf08
|
@ -1,4 +1,4 @@
|
||||||
import Bubble from "./../../components/Bubble";
|
import Bubble from "@/components/Bubble";
|
||||||
|
|
||||||
<Bubble>
|
<Bubble>
|
||||||
|
|
||||||
|
|
|
@ -2,11 +2,11 @@ import React, { ComponentType, ReactNode } from "react";
|
||||||
import { NextComponentType, NextPageContext } from "next";
|
import { NextComponentType, NextPageContext } from "next";
|
||||||
import { AppProps as DefaultAppProps } from "next/app";
|
import { AppProps as DefaultAppProps } from "next/app";
|
||||||
import { MDXProvider } from "@mdx-js/react";
|
import { MDXProvider } from "@mdx-js/react";
|
||||||
import { ThemeProvider } from "../components/Theme";
|
import { ThemeProvider } from "@/components/Theme";
|
||||||
import { Navbar } from "../components/Navbar";
|
import { Navbar } from "@/components/Navbar";
|
||||||
import { Footer } from "../components/Footer";
|
import { Footer } from "@/components/Footer";
|
||||||
import { Link } from "../components/Link";
|
import { Link } from "@/components/Link";
|
||||||
import { DefaultLayout } from "../components/DefaultLayout";
|
import { DefaultLayout } from "@/components/DefaultLayout";
|
||||||
import styles from "./_app.module.css";
|
import styles from "./_app.module.css";
|
||||||
|
|
||||||
import "./_app.css";
|
import "./_app.css";
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { Image } from "../../components/Image";
|
import { Image } from "@/components/Image";
|
||||||
import Content from "../../content/about/index.mdx";
|
import Content from "../../content/about/index.mdx";
|
||||||
import styles from "./index.module.css";
|
import styles from "./index.module.css";
|
||||||
import { ConnectWithUs } from "components/ConnectWithUs";
|
import { ConnectWithUs } from "@/components/ConnectWithUs";
|
||||||
import { EmailSignup } from "components/EmailSignup";
|
import { EmailSignup } from "@/components/EmailSignup";
|
||||||
import { DefaultLayout } from "components/DefaultLayout";
|
import { DefaultLayout } from "@/components/DefaultLayout";
|
||||||
|
|
||||||
export default function AboutUs() {
|
export default function AboutUs() {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -1,8 +1,11 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { Image } from "../../components/Image";
|
|
||||||
import Content from "../../content/about/our-supporters.mdx";
|
import Content from "../../content/about/our-supporters.mdx";
|
||||||
|
|
||||||
import styles from "./our-supporters.module.css";
|
import styles from "./our-supporters.module.css";
|
||||||
|
|
||||||
|
import { Image } from "@/components/Image";
|
||||||
|
|
||||||
export default function OurSupporters() {
|
export default function OurSupporters() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
|
@ -1,10 +1,13 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { Image } from "../components/Image";
|
|
||||||
import { ConnectWithUs } from "../components/ConnectWithUs";
|
|
||||||
import { EmailSignup } from "../components/EmailSignup";
|
|
||||||
import Content from "../content/get-involved.mdx";
|
import Content from "../content/get-involved.mdx";
|
||||||
|
|
||||||
import styles from "./get-involved.module.css";
|
import styles from "./get-involved.module.css";
|
||||||
|
|
||||||
|
import { ConnectWithUs } from "@/components/ConnectWithUs";
|
||||||
|
import { EmailSignup } from "@/components/EmailSignup";
|
||||||
|
import { Image } from "@/components/Image";
|
||||||
|
|
||||||
export default function GetInvolved() {
|
export default function GetInvolved() {
|
||||||
return (
|
return (
|
||||||
<div className={styles.page}>
|
<div className={styles.page}>
|
||||||
|
|
|
@ -1,24 +1,27 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { Image } from "../components/Image";
|
|
||||||
import { SocialLinks } from "../components/SocialLinks";
|
|
||||||
import { EventDescriptionCard } from "../components/EventDescriptionCard";
|
|
||||||
import { NewsCard } from "../components/NewsCard";
|
|
||||||
import { ConnectWithUs } from "../components/ConnectWithUs";
|
|
||||||
import { EmailSignup } from "../components/EmailSignup";
|
|
||||||
import { DefaultLayout } from "../components/DefaultLayout";
|
|
||||||
import styles from "./index.module.css";
|
|
||||||
|
|
||||||
// temporary event and news imports
|
|
||||||
import OOTBReact, {
|
|
||||||
metadata as OOTBReactEventMetadata,
|
|
||||||
} from "../content/playground/ootb-react.event.mdx";
|
|
||||||
import AltTab, {
|
import AltTab, {
|
||||||
metadata as altTabEventMetadata,
|
metadata as altTabEventMetadata,
|
||||||
} from "../content/playground/alt-tab.event.mdx";
|
} from "../content/playground/alt-tab.event.mdx";
|
||||||
|
import OOTBReact, {
|
||||||
|
metadata as OOTBReactEventMetadata,
|
||||||
|
} from "../content/playground/ootb-react.event.mdx";
|
||||||
import UnavailableContent, {
|
import UnavailableContent, {
|
||||||
metadata as unavailableMetadata,
|
metadata as unavailableMetadata,
|
||||||
} from "../content/playground/unavailable.news.mdx";
|
} from "../content/playground/unavailable.news.mdx";
|
||||||
|
|
||||||
|
import styles from "./index.module.css";
|
||||||
|
|
||||||
|
import { ConnectWithUs } from "@/components/ConnectWithUs";
|
||||||
|
import { DefaultLayout } from "@/components/DefaultLayout";
|
||||||
|
import { EmailSignup } from "@/components/EmailSignup";
|
||||||
|
import { EventDescriptionCard } from "@/components/EventDescriptionCard";
|
||||||
|
import { Image } from "@/components/Image";
|
||||||
|
import { NewsCard } from "@/components/NewsCard";
|
||||||
|
import { SocialLinks } from "@/components/SocialLinks";
|
||||||
|
|
||||||
|
// temporary event and news imports
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
const events = [
|
const events = [
|
||||||
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
|
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
|
||||||
|
|
|
@ -10,11 +10,11 @@ import {
|
||||||
ButtonDemo,
|
ButtonDemo,
|
||||||
TechTalkDemo,
|
TechTalkDemo,
|
||||||
MiniTechTalkDemo,
|
MiniTechTalkDemo,
|
||||||
} from "../components/playground";
|
} from "@/components/playground";
|
||||||
import { ConnectWithUs } from "../components/ConnectWithUs";
|
import { ConnectWithUs } from "@/components/ConnectWithUs";
|
||||||
import { EmailSignup } from "../components/EmailSignup";
|
import { EmailSignup } from "@/components/EmailSignup";
|
||||||
|
|
||||||
import { TeamMemberCard } from "../components/TeamMemberCard";
|
import { TeamMemberCard } from "@/components/TeamMemberCard";
|
||||||
|
|
||||||
# Playground
|
# Playground
|
||||||
|
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { useThemeContext, emptyPalette } from "components/Theme";
|
|
||||||
import { Input } from "components/Input";
|
|
||||||
import { Button } from "components/Button";
|
|
||||||
|
|
||||||
import styles from "./themer.module.css";
|
import styles from "./themer.module.css";
|
||||||
|
|
||||||
|
import { Button } from "@/components/Button";
|
||||||
|
import { Input } from "@/components/Input";
|
||||||
|
import { useThemeContext, emptyPalette } from "@/components/Theme";
|
||||||
|
|
||||||
export default function Themer() {
|
export default function Themer() {
|
||||||
const context = useThemeContext();
|
const context = useThemeContext();
|
||||||
const palette = context?.theme.palette ?? emptyPalette;
|
const palette = context?.theme.palette ?? emptyPalette;
|
||||||
|
|
|
@ -24,6 +24,9 @@
|
||||||
"strictBindCallApply": true,
|
"strictBindCallApply": true,
|
||||||
"strictPropertyInitialization": true,
|
"strictPropertyInitialization": true,
|
||||||
"strictFunctionTypes": true,
|
"strictFunctionTypes": true,
|
||||||
|
"paths": {
|
||||||
|
"@/components/*": ["components/*"]
|
||||||
|
}
|
||||||
},
|
},
|
||||||
"include": [
|
"include": [
|
||||||
"next-env.d.ts",
|
"next-env.d.ts",
|
||||||
|
|
Loading…
Reference in New Issue