Skip to content

Commit

Permalink
idk filename and uploaded filename added to context, with setters
Browse files Browse the repository at this point in the history
KORFITZ1DEV committed Mar 22, 2024
1 parent 6f79227 commit e1f4af1
Showing 3 changed files with 22 additions and 20 deletions.
6 changes: 4 additions & 2 deletions TimeTrace/src/components/FileUploadButton.tsx
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@ function FileUploadButton({ onFileChange }: { onFileChange: (file: File | null)
async function handleFileUpload(e: React.SyntheticEvent) {
const target = e.target as HTMLInputElement;
const file: File = (target.files as FileList)[0];

console.log("tis")
// Call the callback function with the file
onFileChange(file);
if (target !== null) {
@@ -12,15 +12,17 @@ function FileUploadButton({ onFileChange }: { onFileChange: (file: File | null)
}

function handleFileRemove() {
console.log("pølse")
onFileChange(null);
}

return (
<div className="flex gap-2 mb-4">
<input className="hidden"
<input
type="file"
accept=".txt"
id="contained-button-file"
className="hidden"
onChange={handleFileUpload}
/>
<div className="flex gap-2">
27 changes: 14 additions & 13 deletions TimeTrace/src/context/AppContext.tsx
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
import { Children, createContext, ReactNode, useState } from "react";


import { createContext, ReactNode, useState } from "react";

export type AppdataContextInterface = {
events: string[];
setEvents: React.Dispatch<React.SetStateAction<string[]>>
setEvents: React.Dispatch<React.SetStateAction<string[]>>;
mappings: Map<string, string>;
setMappings: React.Dispatch<React.SetStateAction<Map<string, string>>>
setMappings: React.Dispatch<React.SetStateAction<Map<string, string>>>;
fileLines: string[];
setFileLines: React.Dispatch<React.SetStateAction<string[]>>
fileName: string
setFileName: React.Dispatch<React.SetStateAction<string>>
setFileLines: React.Dispatch<React.SetStateAction<string[]>>;
fileName: string;
setFileName: React.Dispatch<React.SetStateAction<string>>;
uploadedFile: File | null;
setUploadedFile: React.Dispatch<React.SetStateAction<File | null>>;
}

const defaultState = {
@@ -21,7 +21,9 @@ const defaultState = {
fileLines: [],
setFileLines: (lines: string[]) => { },
fileName: "",
setFileName: (fileName: string) => { }
setFileName: (fileName: string) => { },
uploadedFile: null,
setUploadedFile: (uploadedFile: File | null) => { }
} as AppdataContextInterface

export const AppdataContext = createContext<AppdataContextInterface>(defaultState);
@@ -35,12 +37,11 @@ export default function AppdataProvider({ children }: AppDataProvideProps) {
const [mappings, setMappings] = useState<Map<string, string>>(new Map());
const [fileLines, setFileLines] = useState<string[]>(["321232 login"]);
const [fileName, setFileName] = useState<string>("");
const [uploadedFile, setUploadedFile] = useState<File | null>(null);

return (
<AppdataContext.Provider value={{ events, setEvents, mappings, setMappings, fileLines, setFileLines, fileName, setFileName }}>
<AppdataContext.Provider value={{ events, setEvents, mappings, setMappings, fileLines, setFileLines, fileName, setFileName, uploadedFile, setUploadedFile }}>
{children}
</AppdataContext.Provider>
);
}


}
9 changes: 4 additions & 5 deletions TimeTrace/src/pages/MappingsPage.tsx
Original file line number Diff line number Diff line change
@@ -7,11 +7,10 @@ import { extractEventsFromFileLines } from "../models/helpers/extractEventsFromF
import { AppdataContext } from "../context/AppContext";

function MappingsPage() {
const { events, setEvents } = useContext(AppdataContext)
const { mappings, setMappings } = useContext(AppdataContext)
const { fileLines, setFileLines } = useContext(AppdataContext)

const [uploadedFile, setUploadedFile] = useState<File | null>(null);
const { events, setEvents } = useContext(AppdataContext);
const { mappings, setMappings } = useContext(AppdataContext);
const { fileLines, setFileLines } = useContext(AppdataContext);
const { uploadedFile, setUploadedFile } = useContext(AppdataContext);
const [filteredFileLines, setFilteredFileLines] = useState<string[]>(events);

useEffect(() => {

0 comments on commit e1f4af1

Please sign in to comment.