#5 Добавил удаление пробелов

frontend/src/app/components/InputField.tsx

@@ -40,10 +40,7 @@ export default function InputField({ name, value, onChange }: Props) {
                 </Typography>
             </Grid2>
 
-      <Grid2
-        size={name === "Password" ? 6 : 8}
-        sx={{ "@media (max-width: 900px)": { width: "100%" } }}
-      >
+            <Grid2 size={name === "Password" ? 6 : 8} sx={{ "@media (max-width: 900px)": { width: "100%" } }}>
                 <TextField
                     fullWidth
                     multiline={name !== "Password"}

frontend/src/app/page.tsx

@@ -57,11 +57,7 @@ export default function Home() {
                     paddingY={2}
                 >
                     <Grid2 container direction="column" spacing={2}>
-            <InputField
-              name="Decoded"
-              value={formData.decoded}
-              onChange={onInputChangeHandler}
-            />
+                        <InputField name="Decoded" value={formData.decoded} onChange={onInputChangeHandler} />
                         <Grid2
                             container
                             alignItems="center"
@@ -73,19 +69,11 @@ export default function Home() {
                             }}
                         >
                             <Grid2 size={7}>
-                <InputField
-                  name="Password"
-                  value={formData.password}
-                  onChange={onInputChangeHandler}
-                />
+                                <InputField name="Password" value={formData.password} onChange={onInputChangeHandler} />
                             </Grid2>
                             <Grid2 container justifyContent={{}}>
                                 <Grid2>
-                  <Button
-                    size="small"
-                    variant="contained"
-                    startIcon={<ArrowDownwardIcon />}
-                  >
+                                    <Button size="small" variant="contained" startIcon={<ArrowDownwardIcon />}>
                                         <Typography
                                             sx={{
                                                 display: { xs: "none", md: "inline" },
@@ -100,9 +88,7 @@ export default function Home() {
                                     <Button
                                         size="small"
                                         variant="contained"
-                    startIcon={
-                      <ArrowDownwardIcon sx={{ transform: "rotate(180deg)" }} />
-                    }
+                                        startIcon={<ArrowDownwardIcon sx={{ transform: "rotate(180deg)" }} />}
                                     >
                                         <Typography
                                             sx={{
@@ -116,11 +102,7 @@ export default function Home() {
                             </Grid2>
                         </Grid2>
 
-            <InputField
-              name="Encoded"
-              value={formData.encoded}
-              onChange={onInputChangeHandler}
-            />
+                        <InputField name="Encoded" value={formData.encoded} onChange={onInputChangeHandler} />
                     </Grid2>
                 </Box>
             </Container>

service/src/message/message.controller.ts

@@ -6,7 +6,7 @@ import { CreateMessageDto } from './dto/create-message.dto';
 export class MessageController {
   constructor(private readonly messageService: MessageService) {}
 
-  @Post('encode')
+  @Post('/encode')
   encodeMessage(@Body() createMessageDto: CreateMessageDto): {
     encoded: string;
   } {
@@ -15,7 +15,7 @@ export class MessageController {
     return { encoded };
   }
 
-  @Post('decode')
+  @Post('/decode')
   decodeMessage(@Body() createMessageDto: CreateMessageDto): {
     decoded: string;
   } {

service/src/message/message.service.ts

@@ -4,10 +4,10 @@ import { Vigenere } from 'caesar-salad';
 @Injectable()
 export class MessageService {
   encodeMessage(password: string, message: string): string {
-    return Vigenere.Cipher(password).crypt(message);
+    return Vigenere.Cipher(password.trim()).crypt(message);
   }
 
   decodeMessage(password: string, message: string): string {
-    return Vigenere.Decipher(password).crypt(message);
+    return Vigenere.Decipher(password.trim()).crypt(message);
   }
 }