Fix Swap wasp.png to wasp.svg

examples/cronjobs-analytics-waspleau/src/client/WaspSourceHeader.jsx

@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {

examples/db-seeding-thoughts/src/client/WaspSourceHeader.jsx

@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {

examples/hackathon-submissions/src/client/components/Navbar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import waspLogo from '../waspLogo.png';
+import waspLogo from '../waspLogo.svg';
 import { Star } from 'react-feather';
 
 export const DiscordIcon = () => (

examples/realworld/src/client/WaspSourceHeader.jsx

@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {

examples/todo-app-in-typescript/src/client/MainPage.tsx

@@ -1,5 +1,5 @@
 import React, { FormEventHandler, FormEvent } from "react";
-import waspLogo from "./waspLogo.png";
+import waspLogo from "./waspLogo.svg";
 
 import "./Main.css";
 // Wasp imports 🐝 = }

examples/trello-clone-waspello/src/client/WaspSourceHeader.jsx

@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {

waspc/ChangeLog.md

@@ -903,7 +903,7 @@ This was the file tree of a newly generated project in the previous version of W
 │   ├── Main.css
 │   ├── MainPage.js
 │   ├── .waspignore
-│   └── waspLogo.png
+│   └── waspLogo.svg
 ├── .gitignore
 ├── main.wasp
 └── .wasproot
@@ -920,7 +920,7 @@ get by running `wasp new project` from this point onwards):
 │   │   ├── MainPage.jsx
 │   │   ├── react-app-env.d.ts
 │   │   ├── tsconfig.json
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server
 │   │   └── tsconfig.json
 │   ├── shared

waspc/data/Cli/templates/basic/src/client/MainPage.jsx

@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {

web/blog/2022-11-29-typescript-feature-announcement.md

@@ -46,7 +46,7 @@ This will generate a project skeleton in the folder `myApp`. The project structu
 │   │   ├── MainPage.jsx
 │   │   ├── react-app-env.d.ts
 │   │   ├── tsconfig.json
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server            # Your server code (Node JS) goes here.
 │   │   └── tsconfig.json
 │   ├── shared            # Your shared (runtime independent) code goes here.

web/blog/2023-06-27-build-your-own-twitter-agent-langchain.md

@@ -1104,7 +1104,7 @@ Ok, but what good is a function that fetches the data if we’ve got nowhere to
 Let’s go now to our `src/client/MainPage.tsx` file (make sure it’s got the `.tsx` extension and not `.jsx`) and replace the contents with these below:
 
 ```tsx
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
@@ -1208,7 +1208,7 @@ Next, we want our page to perform the following actions:
 That’s exactly what the below code will do. Go ahead and replace the `MainPage` with it and take a minute to review what’s going on:
 
 ```tsx
-import waspLogo from './waspLogo.png';
+import waspLogo from './waspLogo.svg';
 import './Main.css';
 import { useState } from 'react';
 import generateNewIdeas from '@wasp/actions/generateNewIdeas';

web/docs/project/css-frameworks.md

@@ -18,7 +18,7 @@ With these files present, Wasp installs the necessary dependencies and copies yo
 │   │   ├── tsconfig.json
 │   │   ├── Main.css
 │   │   ├── MainPage.js
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server
 │   │   └── tsconfig.json
 │   └── shared

web/docs/tutorial/02-project-structure.md

@@ -18,7 +18,7 @@ After creating a new Wasp project, you'll get a file structure that looks like t
 │   │   ├── tsconfig.json
 │   │   ├── vite.config.ts
 │   │   ├── vite-env.d.ts
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server             # Your server code (Node JS) goes here.
 │   │   └── tsconfig.json
 │   ├── shared             # Your shared (runtime independent) code goes here.

web/docs/tutorial/03-pages.md

@@ -48,7 +48,7 @@ Let's take a look at the React component referenced by the page declaration:
 <TabItem value="js" label="JavaScript">
 
 ```jsx title="src/client/MainPage.jsx"
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
@@ -61,7 +61,7 @@ export default MainPage
 <TabItem value="ts" label="TypeScript">
 
 ```tsx title="src/client/MainPage.tsx"
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
@@ -148,7 +148,7 @@ Since you are using Typescript, you can benefit from using Wasp's type-safe `Lin
 
 ## Cleaning Up
 
-Let's prepare for building the Todo app by cleaning up the project and removing files and code we won't need. Start by deleting `Main.css`, `waspLogo.png`, and `HelloPage.{jsx,tsx}` that we just created in the `src/client/` folder.
+Let's prepare for building the Todo app by cleaning up the project and removing files and code we won't need. Start by deleting `Main.css`, `waspLogo.svg`, and `HelloPage.{jsx,tsx}` that we just created in the `src/client/` folder.
 
 Since we deleted `HelloPage.{jsx,tsx}`, we also need to remember to remove the `route` and `page` declarations we wrote for it. Your Wasp file should now look like this: