Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome #615

Open
2 tasks done
kevinlu1248 opened this issue Apr 23, 2024 · 22 comments · May be fixed by #616, #617, #618, #619 or #620
Open
2 tasks done

Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome #615

kevinlu1248 opened this issue Apr 23, 2024 · 22 comments · May be fixed by #616, #617, #618, #619 or #620
Labels
sweep

Comments

@kevinlu1248
Copy link
Member

kevinlu1248 commented Apr 23, 2024 •
edited by sweep-nightly bot

Change to book a call as well.

Checklist
  • Modify src/components/CallToAction.tsx ✓ f77725b Edit
  • Modify src/components/CallToAction.tsx ✓ f77725b Edit
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

🚀 Here's the PR! #616

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 29503fa880)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

landing-page/src/components/ExternalLinkWithText.tsx

Lines 1 to 14 in 9e3bc3d

import { ExternalLinkIcon } from "@chakra-ui/icons";
import { Link, LinkProps } from "@chakra-ui/react";
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
export default function ExternalLinkWithText({ children, href, includeIcon = true, ...rest }: ExternalLinkWithTextProps) : JSX.Element {
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <>&nbsp;<ExternalLinkIcon /></>}
</Link>

Step 2: ⌨️ Coding

  • Modify src/components/CallToAction.tsx ✓ d5d328e Edit
Modify src/components/CallToAction.tsx with contents: Update the `ExternalLinkWithText` to include an emoji before the "Join our community" text.

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
🌐  Join our community

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_join_our_community_b.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 23, 2024 that will close this issue
Open
@kevinlu1248 kevinlu1248 changed the title Sweep: add an emoji to our "Join our community" button in the call to action Sweep: add an emoji to our "Join our community" button in the call to action using fontawesome Apr 23, 2024
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

🚀 Here's the PR! #617

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 47dc0def74)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

landing-page/src/components/ExternalLinkWithText.tsx

Lines 1 to 14 in 9e3bc3d

import { ExternalLinkIcon } from "@chakra-ui/icons";
import { Link, LinkProps } from "@chakra-ui/react";
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
export default function ExternalLinkWithText({ children, href, includeIcon = true, ...rest }: ExternalLinkWithTextProps) : JSX.Element {
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <>&nbsp;<ExternalLinkIcon /></>}
</Link>

Step 2: ⌨️ Coding

  • Modify src/components/ExternalLinkWithText.tsx ✓ 2544d4a Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Update the ExternalLinkWithTextProps type to include an optional emoji prop.

<original_code>
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
</original_code>

<new_code>
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconDefinition } from "@fortawesome/fontawesome-common-types";

type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean,
emoji?: IconDefinition
} & LinkProps;
</new_code>

  • Modify src/components/ExternalLinkWithText.tsx ✓ 2544d4a Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Render the emoji prop before the link text if provided.

<original_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <> </>}

);
</original_code>

<new_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{emoji && <> </>}
{children}{includeIcon && <> </>}

);
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 2544d4a Edit
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon.

<original_code>
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 2544d4a Edit
Modify src/components/CallToAction.tsx with contents: Pass the emoji prop with the desired FontAwesome icon when rendering the "Join our community" ExternalLinkWithText.

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
emoji={faDiscord}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_join_our_community_b_c6e52.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 23, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

Sweeping

0%

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

It looks like an issue has occurred around fetching the files. Perhaps the repo failed to initialized. If this error persists contact team@sweep.dev.

@kevinlu1248, editing this issue description to include more details will automatically make me relaunch. Please join our Discord server for support (tracking_id=02710631e0)

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: 02710631e0).

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

🚀 Here's the PR! #618

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 73737511ec)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

landing-page/src/components/ExternalLinkWithText.tsx

Lines 1 to 14 in 9e3bc3d

import { ExternalLinkIcon } from "@chakra-ui/icons";
import { Link, LinkProps } from "@chakra-ui/react";
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
export default function ExternalLinkWithText({ children, href, includeIcon = true, ...rest }: ExternalLinkWithTextProps) : JSX.Element {
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <>&nbsp;<ExternalLinkIcon /></>}
</Link>

Step 2: ⌨️ Coding

  • Modify src/components/ExternalLinkWithText.tsx ✓ edccea0 Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Update the ExternalLinkWithTextProps type to include an optional emoji prop.

<original_code>
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
</original_code>

<new_code>
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconDefinition } from "@fortawesome/fontawesome-common-types";

type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean,
emoji?: IconDefinition
} & LinkProps;
</new_code>

  • Modify src/components/ExternalLinkWithText.tsx ✓ edccea0 Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Render the emoji prop before the link text if provided.

<original_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <> </>}

);
</original_code>

<new_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{emoji && <> </>}
{children}{includeIcon && <> </>}

);
</new_code>

  • Modify src/components/CallToAction.tsx ✓ edccea0 Edit
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon.

<original_code>
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</new_code>

  • Modify src/components/CallToAction.tsx ✓ edccea0 Edit
Modify src/components/CallToAction.tsx with contents: Pass the emoji prop with the desired FontAwesome icon when rendering the "Join our community" ExternalLinkWithText.

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
emoji={faDiscord}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_join_our_community_b_814b4.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 23, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024

Sweeping

✨ Track Sweep's progress on our progress dashboard!


0%

💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: c0e4df0005)

Tip

I can email you when I complete this pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

I am currently looking into this ticket! I will update the progress of the ticket in this comment. I am currently searching through your code, looking for relevant snippets.

Step 1: 🔎 Searching

I'm searching for relevant snippets in your repository. If this is your first time using Sweep, I'm indexing your repository. You can monitor the progress using the progress dashboard

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

🚀 Here's the PR! #619

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 30949a68a9)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

Step 2: ⌨️ Coding

  • Modify src/components/CallToAction.tsx ✓ 3f17a9c Edit
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon and add it before the "Join our community" text in the ExternalLinkWithText component.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faUsers } from '@fortawesome/free-solid-svg-icons';
const demo = require("../assets/demo.mp4");
</new_code>

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_join_our_community_b_64581.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 23, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

🚀 Here's the PR! #620

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 3b737ad799)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

landing-page/src/components/ExternalLinkWithText.tsx

Lines 1 to 14 in 9e3bc3d

import { ExternalLinkIcon } from "@chakra-ui/icons";
import { Link, LinkProps } from "@chakra-ui/react";
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
export default function ExternalLinkWithText({ children, href, includeIcon = true, ...rest }: ExternalLinkWithTextProps) : JSX.Element {
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <>&nbsp;<ExternalLinkIcon /></>}
</Link>

Step 2: ⌨️ Coding

  • Modify src/components/ExternalLinkWithText.tsx ✓ 7ba97d7 Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Update the ExternalLinkWithTextProps type to include an optional emoji prop.

<original_code>
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
</original_code>

<new_code>
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconDefinition } from "@fortawesome/fontawesome-common-types";

type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean,
emoji?: IconDefinition
} & LinkProps;
</new_code>

  • Modify src/components/ExternalLinkWithText.tsx ✓ 7ba97d7 Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Render the emoji prop before the link text if provided.

<original_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <> </>}

);
</original_code>

<new_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{emoji && <> </>}
{children}{includeIcon && <> </>}

);
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 7ba97d7 Edit
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon.

<original_code>
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 7ba97d7 Edit
Modify src/components/CallToAction.tsx with contents: Pass the emoji prop with the desired FontAwesome icon when rendering the "Join our community" ExternalLinkWithText.

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
emoji={faDiscord}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_join_our_community_b_4ebe2.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 23, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

Sweeping

✨ Track Sweep's progress on our progress dashboard!


75%

💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: ade002a1b6)

Tip

I can email you when I complete this pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

landing-page/src/components/ExternalLinkWithText.tsx

Lines 1 to 14 in 9e3bc3d

import { ExternalLinkIcon } from "@chakra-ui/icons";
import { Link, LinkProps } from "@chakra-ui/react";
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
export default function ExternalLinkWithText({ children, href, includeIcon = true, ...rest }: ExternalLinkWithTextProps) : JSX.Element {
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <>&nbsp;<ExternalLinkIcon /></>}
</Link>

Step 2: ⌨️ Coding

  • Modify src/components/ExternalLinkWithText.tsx ✓ 63a4ba0 Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Update the ExternalLinkWithTextProps type to include an optional emoji prop.

<original_code>
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
</original_code>

<new_code>
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconDefinition } from "@fortawesome/fontawesome-common-types";

type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean,
emoji?: IconDefinition
} & LinkProps;
</new_code>

  • Modify src/components/ExternalLinkWithText.tsx ✓ 63a4ba0 Edit
Modify src/components/ExternalLinkWithText.tsx with contents: Render the emoji prop before the link text if provided.

<original_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <> </>}

);
</original_code>

<new_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{emoji && <> </>}
{children}{includeIcon && <> </>}

);
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 63a4ba0 Edit
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon.

<original_code>
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 63a4ba0 Edit
Modify src/components/CallToAction.tsx with contents: Pass the emoji prop with the desired FontAwesome icon when rendering the "Join our community" ExternalLinkWithText.

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
emoji={faDiscord}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

I have finished coding the issue. I am now reviewing it for completeness.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

Sweeping

✨ Track Sweep's progress on our progress dashboard!


50%

💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: c7b0d13736)

Tip

I can email you when I complete this pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

Step 2: ⌨️ Coding

  • src/components/CallToAction.tsx
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon and add it before the "Join our community" text in the ExternalLinkWithText component.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faUsers } from '@fortawesome/free-solid-svg-icons';
const demo = require("../assets/demo.mp4");
</new_code>

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

Working on it...

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

Sweeping

✨ Track Sweep's progress on our progress dashboard!


50%

💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 176db64a1a)

Tip

I can email you when I complete this pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

landing-page/src/components/ExternalLinkWithText.tsx

Lines 1 to 14 in 9e3bc3d

import { ExternalLinkIcon } from "@chakra-ui/icons";
import { Link, LinkProps } from "@chakra-ui/react";
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
export default function ExternalLinkWithText({ children, href, includeIcon = true, ...rest }: ExternalLinkWithTextProps) : JSX.Element {
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <>&nbsp;<ExternalLinkIcon /></>}
</Link>

Step 2: ⌨️ Coding

  • src/components/ExternalLinkWithText.tsx
Modify src/components/ExternalLinkWithText.tsx with contents: Update the ExternalLinkWithTextProps type to include an optional emoji prop.

<original_code>
type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean
} & LinkProps;
</original_code>

<new_code>
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconDefinition } from "@fortawesome/fontawesome-common-types";

type ExternalLinkWithTextProps = {
children: React.ReactNode,
href: string
includeIcon?: boolean,
emoji?: IconDefinition
} & LinkProps;
</new_code>

  • src/components/ExternalLinkWithText.tsx
Modify src/components/ExternalLinkWithText.tsx with contents: Render the emoji prop before the link text if provided.

<original_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{children}{includeIcon && <> </>}

);
</original_code>

<new_code>
return (
<Link href={href} isExternal rel="noopener noreferrer" {...rest}>
{emoji && <> </>}
{children}{includeIcon && <> </>}

);
</new_code>

  • src/components/CallToAction.tsx
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon.

<original_code>
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</new_code>

  • src/components/CallToAction.tsx
Modify src/components/CallToAction.tsx with contents: Pass the emoji prop with the desired FontAwesome icon when rendering the "Join our community" ExternalLinkWithText.

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
emoji={faDiscord}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

Working on it...

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 23, 2024 •
edited

Sweeping

✨ Track Sweep's progress on our progress dashboard!


50%

💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: c3d4a3d76d)

Tip

I can email you when I complete this pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

Step 2: ⌨️ Coding

  • src/components/CallToAction.tsx
Modify src/components/CallToAction.tsx with contents: Import the desired FontAwesome emoji icon and add it before the "Join our community" text in the ExternalLinkWithText component.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faUsers } from '@fortawesome/free-solid-svg-icons';
const demo = require("../assets/demo.mp4");
</new_code>

<original_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</original_code>

<new_code>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
  Join our community

</new_code>

Step 3: 🔁 Code Review

Working on it...

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@kevinlu1248 kevinlu1248 changed the title Sweep: add an emoji to our "Join our community" button in the call to action using fontawesome Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome Apr 30, 2024
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Sweeping

50%

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is Failed to create PR: Sweep failed to generate any file change requests! This could mean that Sweep failed to find the correct lines of code to modify or that GPT-4 did not respond in our specified format. Sometimes, retrying will fix this error. Otherwise, reach out to our Discord server for support (tracking_id=4669987dc9).. Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: 4669987dc9).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is 'github_actions_logs'. Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: 133c866725).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is 'changes_made'. Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: 7d4fa9ca76).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is name 'get_files_to_change_for_gha' is not defined. Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: d81e87e51c).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is get_files_to_change_for_gha() got an unexpected keyword argument 'repo_name'. Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: fffa4b744f).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is get_files_to_change_for_gha() got an unexpected keyword argument 'repo_name'. Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: b5fd848e0e).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

🚀 Here's the PR! #634

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 29bee676e3)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

Step 2: ⌨️ Coding

  • Modify src/components/CallToAction.tsx ✓ c52ed60 Edit
Modify src/components/CallToAction.tsx with contents: Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>

  • Modify src/components/CallToAction.tsx ✓ c52ed60 Edit
Modify src/components/CallToAction.tsx with contents: Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_contact_us_button_in_44109.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024

Sweeping

✨ Track Sweep's progress on our progress dashboard!


0%

💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: bfeac04d77)

Tip

I can email you when I complete this pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

I am currently looking into this ticket! I will update the progress of the ticket in this comment. I am currently searching through your code, looking for relevant snippets.

Step 1: 🔎 Searching

I'm searching for relevant snippets in your repository. If this is your first time using Sweep, I'm indexing your repository. You can monitor the progress using the progress dashboard

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is . Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: dfaba74d27).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

🚀 Here's the PR! #636

See Sweep's progress at the progress dashboard!
💎 Sweep Pro: I'm using GPT-4. You have unlimited GPT-4 tickets. (tracking ID: 3d6ca40b4f)

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

landing-page/src/components/CallToAction.tsx

Lines 1 to 158 in 9e3bc3d

import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";
import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
export default function CallToAction() {
const [spin, setSpin] = useState(false);
// const canvas = document.getElementById('canvas3d');
// const app = new Application(canvas);
// app.load('https://prod.spline.design/jzV1MbbHCyCmMG7u/scene.splinecode');
return (
<Container maxW={"5xl"}>
<Stack
textAlign={"center"}
align={"center"}
spacing={{ base: 8, md: 10 }}
py={{ base: 4, md: 15 }}
style={{ paddingTop: "0 !important" }}
mb={36}
>
<img
src={logo}
alt="Logo"
style={{
width: "100px",
animation: spin
? "spin 0.5s linear"
: "bob 0.75s ease-in-out infinite alternate",
marginTop: "-2rem !important",
marginBottom: "30px",
borderRadius: "50%",
}}
onClick={async () => {
setSpin(!spin);
await loadConfettiPreset(tsParticles);
await tsParticles.load("tsparticles", {
preset: "confetti",
particles: {
color: {
value: ["#800080", "#FFFFFF"],
},
},
});
}}
/>
{/* <img src={logo} alt="Logo" width={120} height={120} style={{
animation: "bob 0.75s ease-in-out infinite alternate",
}} /> */}
{/* <style>
{`
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(15px);
}
}
@keyframes spin {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
`}
</style> */}
<Heading
fontWeight={600}
fontSize={{ base: "3xl", sm: "4xl", md: "5xl" }}
lineHeight={"110%"}
mt="0 !important"
>
Sweep: <TypeAnimation
sequence={[
'Fix the date formatting bug in our CRM',
4000,
'Upgrade the vulnerable packages in our code',
4000,
"Save 20% of our developer's time",
4000,
]}
wrapper="span"
speed={80}
repeat={Infinity}
cursor={false}
/>
{/* &nbsp;my&nbsp; */}
{/* <TypeAnimation
sequence={[
"data pipeline",
4000,
'flask app',
4000,
'ML pipeline',
4000,
]}
wrapper="span"
speed={50}
repeat={Infinity}
cursor={false}
/> */}
</Heading>
<Text
color={"purple.400"}
maxW={"3xl"}
mt="1rem !important"
mb="1rem !important"
>
AI Junior Developer that maintains your legacy codebase
</Text>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us
</Button>
<ExternalLinkWithText
href="https://community.sweep.dev/"
color="purple.400"
mt="0 !important"
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
}}
>
&nbsp;&nbsp;Join our community
</ExternalLinkWithText>
<Flex w={"full"} mt="4rem !important">
<Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
<video src={demo} autoPlay muted loop playsInline>
Your browser does not support the video tag.
</video>
</Container>
</Flex>
</Stack>
</Container>
);

Step 2: ⌨️ Coding

  • Modify src/components/CallToAction.tsx ✓ 7f4ca60 Edit
Modify src/components/CallToAction.tsx with contents: Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>

  • Modify src/components/CallToAction.tsx ✓ 7f4ca60 Edit
Modify src/components/CallToAction.tsx with contents: Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>

Step 3: 🔁 Code Review

I have finished reviewing the code for completeness. I did not find errors for sweep/add_an_emoji_to_our_contact_us_button_in_94548.

🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.
Something wrong? Let us know.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
@sweep-nightly Sweep Nightly
Copy link
Contributor

sweep-nightly bot commented Apr 30, 2024 •
edited

Tip

I can email you next time I complete a pull request if you set up your email here!

Actions (click)

  • ↻ Restart Sweep

❌ Unable to Complete PR

I'm sorry, but it looks like an error has occurred due to a planning failure. The error message is . Feel free to add more details to the issue description so Sweep can better address it. Alternatively, reach out to Kevin or William for help at https://discord.gg/sweep.

For bonus GPT-4 tickets, please report this bug on Discord (tracking ID: 958cfeef23).

Please look at the generated plan. If something looks wrong, please add more details to your issue.

File Path Proposed Changes
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Import the necessary FontAwesome components to add the calendar emoji to the "Contact us" button.

<original_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
const demo = require("../assets/demo.mp4");
</original_code>

<new_code>
import {
Flex,
Container,
Heading,
Stack,
Text,
Button,
} from "@chakra-ui/react";
import { tsParticles } from "tsparticles";
import { loadConfettiPreset } from "tsparticles-preset-confetti";
import { useState } from "react";
import logo from "../assets/icon.png";

import ExternalLinkWithText from "./ExternalLinkWithText";
import { TypeAnimation } from "react-type-animation";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';

const demo = require("../assets/demo.mp4");
</new_code>
src/components/CallToAction.tsx Modify src/components/CallToAction.tsx with contents:
Update the "Contact us" button to say "Book a call" and include the calendar emoji using FontAwesome.

<original_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
Contact us

</original_code>

<new_code>
<Button
color="white"
p={6}
colorScheme={"purple"}
bg={"purple.400"}
_hover={{ bg: "purple.600" }}
onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
fontSize={"xl"}
mb="1rem !important"
>
 Book a call

</new_code>
🎉 Latest improvements to Sweep:
  • New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
  • Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
  • Use the GitHub issues extension for creating Sweep issues directly from your editor.

💡 To recreate the pull request edit the issue title or description.

This is an automated message generated by Sweep AI.

@sweep-nightly sweep-nightly bot linked a pull request Apr 30, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
sweep
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Sweep: add an emoji to our "Join our community" button in the call to action sweepai/landing-page
Sweep: add an emoji to our "Join our community" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Join our community" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Join our community" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Join our community" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome sweepai/landing-page
Sweep: add an emoji to our "Contact us" button in the call to action using fontawesome sweepai/landing-page
1 participant
@kevinlu1248