Made the create button actually make the project

It still doesn't use actual templates but that will be fixed

src-tauri/src/lib.rs

@@ -4,11 +4,13 @@ use tokio::fs;
 #[tauri::command]
 async fn create_project(project_type: String, project_folder: String, project_name: String) {
     let project_root: String = format!("{}/{}", project_folder, project_name);
-    let _ = fs::create_dir(&project_root);
+    let _ = fs::create_dir(&project_root).await;
 
     let project_type_str: &str = project_type.as_str();
     match project_type_str {
         "website" => {
+            let _ = fs::File::create(format!("{}/index.php", project_root)).await;
+
             let _ = fs::write(
                 format!("{}/index.php", project_root),
                 "<h1>this will be updated later</h1>",

src/app/newproject/page.tsx

@@ -5,6 +5,7 @@ import OptionButtons from '@/components/OptionButtons'
 import './NewProject_page.css'
 import { documentDir } from '@tauri-apps/api/path'
 import { open } from '@tauri-apps/plugin-dialog'
+import { invoke } from '@tauri-apps/api/core'
 
 export default function NewProject_page () {
   const [projectType, setProjectType] = useState<string>('empty')
@@ -78,7 +79,7 @@ export default function NewProject_page () {
           name='Project Type'
         />
         <div className='absolute left-1/2 transform -translate-x-1/2 bottom-0 mb-5'>
-          <button className='new-project-btn'>Create</button>
+          <button className='new-project-btn' onClick={async () => await invoke("create_project", { projectType, projectFolder, projectName })}>Create</button>
         </div>
       </div>
     </>