fix: build fixes
This commit is contained in:
parent
249fee784a
commit
35e5039dc5
|
@ -1,3 +1,3 @@
|
||||||
{
|
{
|
||||||
"extends": ["next/core-web-vitals", "prettier"]
|
"extends": ["next/core-web-vitals"]
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import React from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import MainStyle from "./main.style";
|
import MainStyle from "./main.style";
|
||||||
import IconButton from "@mui/material/IconButton";
|
import IconButton from "@mui/material/IconButton";
|
||||||
// import Button from "@mui/material/Button";
|
// import Button from "@mui/material/Button";
|
||||||
|
@ -24,18 +24,20 @@ import {
|
||||||
import DiscordActivity from "./discord-activity";
|
import DiscordActivity from "./discord-activity";
|
||||||
|
|
||||||
function Main() {
|
function Main() {
|
||||||
const animePic = document.getElementById('anime-pic');
|
useEffect(() => {
|
||||||
const profPic = document.getElementById('prof-pic');
|
const animePic = document.getElementById('anime-pic');
|
||||||
|
const profPic = document.getElementById('prof-pic');
|
||||||
|
|
||||||
animePic.addEventListener('mouseover', function() {
|
animePic.addEventListener('mouseover', function() {
|
||||||
animePic.style.display = 'none';
|
animePic.style.display = 'none';
|
||||||
profPic.style.display = 'block';
|
profPic.style.display = 'block';
|
||||||
});
|
});
|
||||||
|
|
||||||
profPic.addEventListener('mouseout', function() {
|
profPic.addEventListener('mouseout', function() {
|
||||||
animePic.style.display = 'block';
|
animePic.style.display = 'block';
|
||||||
profPic.style.display = 'none';
|
profPic.style.display = 'none';
|
||||||
});
|
});
|
||||||
|
},[])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<MainStyle>
|
<MainStyle>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import SkillCard from "../skillCard";
|
import SkillCard from "../skillCard";
|
||||||
|
|
||||||
export default function ({ title, image, evt1, evt2, evt3, url }) {
|
function GitCommits({ title, image, evt1, evt2, evt3, url }) {
|
||||||
let ghLogo = "/images/github_events/GitIcon.png";
|
let ghLogo = "/images/github_events/GitIcon.png";
|
||||||
|
|
||||||
[evt1, evt2, evt3].map((evt) => {
|
[evt1, evt2, evt3].map((evt) => {
|
||||||
|
@ -85,3 +85,5 @@ export default function ({ title, image, evt1, evt2, evt3, url }) {
|
||||||
</SkillCard>
|
</SkillCard>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default GitCommits
|
|
@ -1,7 +1,7 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import SkillCard from "../skillCard";
|
import SkillCard from "../skillCard";
|
||||||
|
|
||||||
export default function ({ title, image, bannerImage, url }) {
|
function GithubTrophySkillCard ({ title, image, bannerImage, url }) {
|
||||||
return (
|
return (
|
||||||
<SkillCard title={title} image={image} url={url}>
|
<SkillCard title={title} image={image} url={url}>
|
||||||
<br />
|
<br />
|
||||||
|
@ -11,3 +11,5 @@ export default function ({ title, image, bannerImage, url }) {
|
||||||
</SkillCard>
|
</SkillCard>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default GithubTrophySkillCard;
|
|
@ -29,7 +29,7 @@ function SkillCard({ content, created_at, url, image }) {
|
||||||
<img src={image} height="30" />
|
<img src={image} height="30" />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className="content">"{texts.join("\n")}"</div>
|
<div className="content">"{texts.join("\n")}"</div>
|
||||||
<div className="type">
|
<div className="type">
|
||||||
# {format(created_at, "DD MMM YYYY")}
|
# {format(created_at, "DD MMM YYYY")}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { ArtStyle } from "./toots.style";
|
import { ArtStyle, ArtTitleStyle } from "./toots.style";
|
||||||
import SkillCard from "./tootCard";
|
import SkillCard from "./tootCard";
|
||||||
import { APISDK } from "handlers/sdk";
|
import { APISDK } from "handlers/sdk";
|
||||||
import SkillsStyle from "./skills.style";
|
import SkillsStyle from "./skills.style";
|
||||||
import Box from "@mui/material/Box";
|
import Box from "@mui/material/Box";
|
||||||
import LinearProgress from "@mui/material/LinearProgress";
|
import LinearProgress from "@mui/material/LinearProgress";
|
||||||
|
|
||||||
export default function () {
|
function Toots () {
|
||||||
const [skills, setSkills] = useState({});
|
const [skills, setSkills] = useState({});
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
|
|
||||||
|
@ -15,7 +15,7 @@ export default function () {
|
||||||
APISDK.data.logo = {
|
APISDK.data.logo = {
|
||||||
masto: `https://cdn.fosstodon.org/accounts/avatars/000/028/400/original/324cba4cb379bd4e.png`,
|
masto: `https://cdn.fosstodon.org/accounts/avatars/000/028/400/original/324cba4cb379bd4e.png`,
|
||||||
};
|
};
|
||||||
setSkills(APISDK.data);
|
setSkills(APISDK.data.masto_status);
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -34,13 +34,19 @@ export default function () {
|
||||||
</SkillsStyle>
|
</SkillsStyle>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
|
console.log(skills.data);
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<ArtTitleStyle>
|
||||||
|
<div className="title-bar">
|
||||||
|
Fosstodon Status
|
||||||
|
</div>
|
||||||
|
</ArtTitleStyle>
|
||||||
<div className="mainboard__container">
|
<div className="mainboard__container">
|
||||||
Fosstodon Status
|
|
||||||
{skills && (
|
{skills && (
|
||||||
<ArtStyle>
|
<ArtStyle>
|
||||||
{skills?.masto_status?.data?.map((project, index) => {
|
{skills?.data?.map((project, index) => {
|
||||||
project.image = image;
|
project.image = image;
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
@ -55,3 +61,5 @@ export default function () {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default Toots;
|
|
@ -14,3 +14,12 @@ export const ArtStyle = styled.div`
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
export const ArtTitleStyle = styled.div`
|
||||||
|
font-size: 2.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
padding-top: 90px;
|
||||||
|
`
|
||||||
|
|
|
@ -61,10 +61,10 @@ export const APISDK = {
|
||||||
endpoint: "/me/vscode/",
|
endpoint: "/me/vscode/",
|
||||||
name: "vscode",
|
name: "vscode",
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// endpoint: "/me/mastodon/statuses",
|
endpoint: "/me/mastodon/statuses",
|
||||||
// name: "masto_status",
|
name: "masto_status",
|
||||||
// },
|
},
|
||||||
],
|
],
|
||||||
this.data
|
this.data
|
||||||
);
|
);
|
||||||
|
|
|
@ -53,7 +53,6 @@ export default class MyDocument extends Document {
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
/>
|
/>
|
||||||
</Head>
|
</Head>
|
||||||
<Nav />
|
|
||||||
<body>
|
<body>
|
||||||
<Main />
|
<Main />
|
||||||
<NextScript />
|
<NextScript />
|
||||||
|
|
Loading…
Reference in New Issue